https://basictrainingscottsdale.com/TSScript/TSPreviewImage/TSPreviewImage.js

1YAHOO.namespace('TSPreviewImage.panel');YAHOO.TSPreviewImage.panel.panels = []; 
2function createPreviewImage(id_in, title_in, thumb_url, context_in,iwidth, iheight,closeOnMouseOut){
3	var $E   = YAHOO.util.Event,
4			tspi = YAHOO.TSPreviewImage.panel.panels;
5	if(!tspi[id_in]){
6		tspi[id_in] = [];
7		tspi[id_in][0] = new YAHOO.widget.Panel(id_in, { width:iwidth, visible:true, draggable:true, close:((closeOnMouseOut)?false:true),
8								 constraintoviewport:true, context:[context_in, 'tl', 'bl'], underlay:'matte',
9								 effect:{effect:eval(YAHOO.widget.ContainerEffect.FADE),duration:0.5}
10								} 
11						        );   
12		tspi[id_in][0].setHeader(title_in); 
13		tspi[id_in][0].setBody("<img src='"+thumb_url+"' width='"+iwidth+"' height='"+iheight+"'>");   
14		tspi[id_in][0].render(document.body);
15		tspi[id_in][1] = $E.getTarget($E.getEvent());
16	}else{
17		tspi[id_in][0].show();
18	}
19	try{  for (key in tspi){if(key != id_in){tspi[key][0].hide();}}   } catch (e) {}
20	$E.addListener(document, 'mousemove', closePreviewImage, {id:id_in, cf:closeOnMouseOut});
21}
22
23
24function closePreviewImage(evt, conf){
25	var $E   = YAHOO.util.Event,
26	    $D	 = YAHOO.util.Dom,
27	    mX, mY, regImgTh,
28	    tspi = YAHOO.TSPreviewImage.panel.panels;
29	
30	try{
31		if(!tspi[conf.id]){return;}
32		regImgTh = $D.getRegion(tspi[conf.id][1]);
33	        mX = $E.getPageX(evt); mY = $E.getPageY(evt);
34	  	if((mX < regImgTh['left']) || (mX > regImgTh['right']) || (mY < regImgTh['top']) || (mY > regImgTh['bottom'])){
35			if(conf.cf){tspi[conf.id][0].hide(); $E.removeListener(document, 'mousemove', closePreviewImage);}
36	  	}
37	}catch(e){} 
38}