window.onload = init;
function init() { //Get Event
  if (window.Event) {
	document.captureEvents(Event.MOUSEMOVE);
  }
  document.onmousemove = getXY;
}

function getXY(e) { //Take X/Y position and put it to div
	x = (window.Event) ? e.pageX : event.clientX;
	y = (window.Event) ? e.pageY : event.clientY;
	document.getElementById('viewer').style.top = 15+y+"px";
	document.getElementById('viewer').style.left = 15+x+"px";
}


function showi(imgsrc){ //Set image SRC,width and height
	var i = imgsrc;
	document.getElementById('viewer').style.visibility = "visible";
	document.getElementById('viewer').src = i;
	document.getElementById('viewer').style.width = "400px";
	document.getElementById('viewer').style.height = "auto";

}

function hidei(){ //Remove visibility,width,height
	document.getElementById('viewer').style.width = "0px";
	document.getElementById('viewer').style.height = "0px";
	document.getElementById('viewer').style.visibility = "hidden";
}