var preview;
var timer;
var param = {};

function init() {
	preview = document.getElementById("preview");
	document.onmousemove = mousemoveHandler;
	document.onmouseout = mouseoutHandler;
}

function showPreview() {
	preview.style.display = "block";
	preview.src = param.src;
	preview.style.left = param.x + "px";
	preview.style.top = param.y + "px";
}

function hidePreview() {
	if (timer) {
		window.clearTimeout(timer);
		timer = null;
	}
	if (preview.style.display == "block")
		preview.style.display = "none";
}

function mouseoutHandler() {
	hidePreview();
}

function mousemoveHandler(e) {
	if (!e) {
		e = window.event;
	}

	var img = e.target || e.srcElement;

	if (img && img.nodeName == "IMG") {
		if (timer) {
			window.clearTimeout(timer);
		}
		param.src = img.src;
		param.x = e.layerX || (e.x + document.documentElement.scrollLeft);
		param.y = e.layerY || (e.y + document.documentElement.scrollTop)
		param.x += 5;
		param.y += 15;
		timer = window.setTimeout(showPreview, 750);
	} else {
		hidePreview();
	}
}