﻿var objImg="";
var spanID="";
function toolTip(me, _spanID, zoomIndex) 
{
  spanID = _spanID;
  updatePos();
  objImg=me;
  objImg.onmousemove=updatePos;
  width = objImg.width * zoomIndex;
  document.getElementById(spanID).innerHTML = "<img alt=\"\" src=\"" + objImg.src + "\" width=\"" + width + "\"/>";
  document.getElementById(spanID).style.display = "block";
  window.onscroll=updatePos;
}

function updatePos() 
{
  var ev=arguments[0]?arguments[0]:event;
  var x=ev.clientX;
  var y=ev.clientY;
  diffX=24;
  diffY=0;
  document.getElementById(spanID).style.top  = y-2+diffY+document.body.scrollTop+ "px";
  document.getElementById(spanID).style.left = x-2+diffX+document.body.scrollLeft+"px";
  objImg.onmouseout=hideMe;
}
function hideMe() 
{
  document.getElementById(spanID).style.display="none";
}

