<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript">
/*<![CDATA[*/
function PopUp(obj,src,left,top,width){
if (!this.pop){
this.pop=document.createElement('IMG');
this.pop.style.position='absolute';
this.pop.style.zIndex='101';
document.body.appendChild(this.pop);
}
if (src){
this.pop.src=src;
this.pop.width=width||obj.width;
this.pop.style.left=pos(obj)[0]+(left?left:obj.width)+'px';
this.pop.style.top= pos(obj)[1]+(top?top:0)+'px';
}
this.pop.style.visibility=src?'visible':'hidden';
}
function pos(obj){
var rtn=[0,0];
while(obj){
rtn[0]+=obj.offsetLeft;
rtn[1]+=obj.offsetTop;
obj=obj.offsetParent;
}
return rtn;
}
/*]]>*/
</script>
</head>
<body>
<center>
<img src="http://www.vicsjavascripts.org.uk/StdImages/One.gif" width="60" height="60" onmouseover="PopUp(this,'http://www.vicsjavascripts.org.uk/StdImages/Two.gif');" onmouseout="PopUp();"/>
<br />
<img src="http://www.vicsjavascripts.org.uk/StdImages/Three.gif" width="60" height="60" onmouseover="PopUp(this,'http://www.vicsjavascripts.org.uk/StdImages/Four.gif',-80,20,80);" onmouseout="PopUp();"/>
</center>
</body>
</html>