var hoverItem;

function resetItem(){
	hoverItem.style.top = "-1000px";
	hoverItem.style.left = "-1000px";
}

function showItem(item){
	hoverItem = document.getElementById(item);
	hoverItem.style.display = "block";
	resetItem();
	document.onmousemove = followMouse;
}

function hideItem(item){
	hoverItem = document.getElementById(item);
	hoverItem.style.display = "none";
	resetItem();
	document.onmousemove = "";
}

function truebody(){
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function followMouse(e){
	var xoffset=15;
	var yoffset=15;
	var xcoord=xoffset;
	var ycoord=yoffset;

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);

	if (typeof e != "undefined"){
		/*if (docwidth - e.pageX < 347 + xoffset + 10){
			xcoord = e.pageX - xcoord - 347 - xoffset + 5; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (245 + yoffset + 30)){
			ycoord += e.pageY - Math.max(0,(245 + yoffset + 30 + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}*/
		xcoord += e.pageX;
		ycoord += e.pageY;

	} else if (typeof window.event != "undefined"){
		/*if (docwidth - event.clientX < 347 + xoffset + 10){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 347 - xoffset + 5; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (245 + yoffset + 30)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(245 + yoffset + 30 + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}*/
		xcoord += truebody().scrollLeft + event.clientX;
		ycoord += truebody().scrollTop + event.clientY;
	}

	hoverItem.style.left=xcoord+"px";
	hoverItem.style.top=ycoord+"px";
}