<!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>
<style type="text/css">
/*<![CDATA[*/
.caption {
position:absolute;z-Index:101;visibility:hidden;left:0px;top:245px;height:50px;width:402px;height:50px;background-Color:#FFCC66;text-Align:center;font-Size:20px;
}
/*]]>*/
</style></head>
<body>
<center>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<img src="http://www.vicsjavascripts.site88.net/StdImages/Egypt12.jpg" class="zxcImageZoom: Zoom:2 ZoomSRC:http://www.vicsjavascripts.site88.net/StdImages/WinterPalace.jpg Speed:2000" />
<img src="http://www.vicsjavascripts.site88.net/StdImages/Egypt5.jpg" class="zxcImageZoom: Zoom:1.5 Speed:500" />
</center>
<script type="text/javascript">
/*<![CDATA[*/
// Image Zoom (31-December-2013)
// by: Vic Phillips - http://www.vicsjavascripts.org.uk/
var zxcImageZoom={
init:function(op){
op=typeof(op)=='object'?op:{};
var clds=document.getElementsByTagName('IMG'),obj,o,s,i,f,mk=document.createElement('DIV'),z0=0;
mk.style.position='absolute';
mk.style.width=mk.style.height=mk.style.bottom=mk.style.right='0px';
for (;z0<clds.length;z0++){
s=clds[z0].className;
if (s&&(s).match('zxcImageZoom:')){
s=s.split(' ');
o={obj:clds[z0]};
for (z0a=0;z0a<s.length;z0a++){
i=s[z0a].indexOf(':');
if (i>3){
o[s[z0a].substring(0,i).toLowerCase()]=s[z0a].substring(i+1);
}
}
if (isFinite(o.zoom)){
i=document.createElement('IMG');
i.style.position='absolute';
i.style.zIndex='101';
i.style.top=i.style.left='-3000px';
i.src=o.zoomsrc?o.zoomsrc:clds[z0].src;
this.opc(i,0);
document.body.appendChild(i);
document.body.appendChild(mk);
o.mk=mk;
o.i=i;
o.f=[i,true,0];
s=o.speed;
o.ms=isFinite(s)&&s>20?s*1:1000;
this.addevt(o.obj,'mouseover','over',o,true);
this.addevt(i,'mouseout','over',o,false);
}
}
}
},
over:function(o,ud){
var p=this.pos(o.obj),w=o.obj.offsetWidth,h=o.obj.offsetHeight;
var s=window.innerHeight?[window.pageXOffset,window.pageYOffset]:document.documentElement.clientHeight?[document.documentElement.scrollLeft,document.documentElement.scrollTop]:[document.body.scrollLeft,document.body.scrollTop]
this.animate(o,o.f,o.f[2],ud?100:0,new Date(),o.ms);
o.i.style.width=w*o.zoom+'px';
o.i.style.height=h*o.zoom+'px';
o.i.style.left=Math.min(Math.max(p[0]+(w-w*o.zoom)/2,s[0]+10),o.mk.offsetLeft-w-10)+'px';
o.i.style.top=Math.min(Math.max(p[1]+(h-h*o.zoom)/2,s[1]+10),o.mk.offsetTop-h-10)+'px';
o.ud=ud;
},
animate:function(o,a,f,t,srt,mS){
clearTimeout(a[4]);
var oop=this,ms=new Date().getTime()-srt,n=(t-f)/mS*ms+f;
if (isFinite(n)){
oop.opc(a[0],n);
a[2]=n;
}
if (ms<mS){
a[4]=setTimeout(function(){ oop.animate(o,a,f,t,srt,mS); },10);
}
else {
a[2]=t;
oop.opc(a[0],t);
t==0?a[0].style.top='-3000px':null;
}
},
opc:function(o,n){
o.style.filter='alpha(opacity='+n+')';
o.style.opacity=o.style.MozOpacity=o.style.WebkitOpacity=o.style.KhtmlOpacity=n/100-.001;
},
pos:function(obj){
var rtn=[0,0];
while(obj){
rtn[0]+=obj.offsetLeft;
rtn[1]+=obj.offsetTop;
obj=obj.offsetParent;
}
return rtn;
},
addevt:function(o,t,f,p,p1){
var oop=this;
o.addEventListener?o.addEventListener(t,function(e){ return oop[f](p,p1);},false):o.attachEvent?o.attachEvent('on'+t,function(e){ return oop[f](p,p1); }):null;
}
}
zxcImageZoom.init();
/*]]>*/
</script></body>
</html>