var iMouseX = 0;
var iMouseY = 0;
document.onmousemove = onMouseMove;

function showInfo(sKey)
{
	var inf_div = document.getElementById('info_popup');
	if (inf_div != null)
	{
		inf_div.style.display = 'none';
		inf_div.style.left = (iMouseX + 20) + 'px';
		inf_div.style.top = (iMouseY) + 'px';
		inf_div.innerHTML = sKey;
		inf_div.style.display = 'block';
	}
}

function hideInfo()
{
	var inf_div = document.getElementById('info_popup');
	if (inf_div != null)
		inf_div.style.display = 'none';
}

function onMouseMove(e)
{
	if (!e) e = window.event;
	if (e.pageX || e.pageY)
	{
		iMouseX = e.pageX;
		iMouseY = e.pageY;
	}
	else if (document.documentElement && (e.clientX || e.clientY))
	{
		iMouseX = e.clientX + document.documentElement.scrollLeft;
		iMouseY = e.clientY + document.documentElement.scrollTop;
	}
	else if (e.clientX || e.clientY)
	{
		iMouseX = e.clientX + document.scrollLeft;
		iMouseY = e.clientY + document.scrollTop;
	}

	var inf_div = document.getElementById('info_popup');
	if (inf_div != null)
	{
		inf_div.style.left = (iMouseX + 20) + 'px';
		inf_div.style.top = (iMouseY) + 'px';
	}

	return true;
}
