﻿ window.onload=function(){
    var demo = document.getElementById("demo");
    if(demo==null)
    return ;
    var gg = demo.getElementsByTagName("img");
    var ei = document.getElementById("enlarge_images");
    for(i=0; i<gg.length; i++){
    if(gg[i].name=="img1")
    {
    var ts = gg[i];
        ts.onmousemove = function(event){
           event = event || window.event;
           ei.style.display = "block";
           ei.innerHTML = '<img style="width:200px;height:150px;" src="' + this.src.replace("sl","sy").replace("sl","sy") + '" />';
           ei.style.top = event.clientY + document.documentElement.scrollTop  - document.documentElement.clientTop  + 10 + "px";
           ei.style.left = event.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft+ 10 + "px";
        }
        ts.onmouseout = function(){
           ei.innerHTML = "";
           ei.style.display = "none";
        }
    }
 }  
}
function mousePosition(ev){  
   if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY};     }    
    return {    
         x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,  
          y:ev.clientY + document.body.scrollTop  - document.body.clientTop     }; }  
          
