var pic;
document.onmousemove=trackMouse;

function showPic(name) {
  if(pic!=null) {
    pic.parentNode.removeChild(pic);
    pic=null;
  }
  pic = document.createElement('DIV');
  pic.innerHTML="<img height="+popup_thumbsize+" width="+popup_thumbsize+" name=popup src='"+name+"'>"
  pic.style.position = 'absolute';
  pic.style.left = MouseX+"px";
  pic.style.top = MouseY+"px";
  document.body.appendChild(pic);
}

function hidePic() {
  if(pic!=null) {
    pic.parentNode.removeChild(pic);
    pic=null;
  }
}

function trackMouse(e) {
  if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		MouseX = e.pageX;
		MouseY = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		MouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		MouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
  MouseX = MouseX + 10
  MouseY = MouseY - popup_thumbsize / 2
}