var moveInfo = 0;
var mousePos;


document.onmousemove = mouseMovement;


function mouseMovement(event)
{
	if(!event)
	{
		event = window.event;
	}
	
	mousePos = new mouseXY(event);
	
	if(moveInfo == 1)
	{
		document.getElementById('info').style.left = (mousePos.x+12) + "px";
		document.getElementById('info').style.top = mousePos.y + "px";
	}
}

function mouseXY(event)
{
	if(event.pageX || event.pageY)
	{
		this.x = event.pageX;
		this.y = event.pageY;
	}
	else
	{
		this.x = event.clientX + document.body.scrollLeft - document.body.clientLeft;
		this.y = event.clientY + document.body.scrollTop  - document.body.clientTop;
	}
}

function showInfo(text)
{
	var ele = document.getElementById('info');
	ele.style.left = (mousePos.x+12) + "px";
	ele.style.top = mousePos.y + "px";
	ele.innerHTML = text;
	ele.style.display = 'block';
	moveInfo = 1;
}

function hideInfo()
{
	document.getElementById('info').style.display = 'none';
	moveInfo = 0;
}