var imgobj;
    function loadimage(url, e)
    {
    if(document.getElementById("img-preview")==null)
      {
      imgobj=document.createElement("img");
      document.body.appendChild(imgobj);
      }
    else
      {
      imgobj=document.getElementById("img-preview");
      imgobj.style.display="block";
      }
    imgobj.setAttribute("src",url);
    imgobj.setAttribute("id","img-preview");
    moveimage(e);
    }
    
    function moveimage(e)
      {
      var posx = 0;
   var posy = 0;
   if (!e) var e = window.event;
   if (e.pageX || e.pageY)    {
      posx = e.pageX;
      posy = e.pageY;
   }
   else if (e.clientX || e.clientY)    {
      posx = e.clientX + document.body.scrollLeft
         + document.documentElement.scrollLeft;
      posy = e.clientY + document.body.scrollTop
         + document.documentElement.scrollTop;
   }
   // posx and posy contain the mouse position relative to the document
   // Do something with this information
   itop=posy+"px";
   ileft=posx+"px";
   imgobj.style.position="absolute";
   imgobj.style.top=itop;
   imgobj.style.left=ileft;
      }
    
    
    function hideimage()
    {
    imgobj=document.getElementById("img-preview");
    imgobj.style.display="none";
    }