var IsIE = window.navigator.appName.toLowerCase().indexOf("internet explorer") != -1;
var Available = true;
var Timeout = null;

function GetInfo()
{
	return document.getElementById("loc-info");
}

function Availability(on, element, e)
{
	Available = on;
	
	if(!on)
		UpdateInfo(e);
}

function ToggleInfo(on)
{
	var Info = GetInfo();
	
	if(on)
	{
		clearTimeout(Timeout);
		Timeout = null;
		Info.style.display = "block";
	}
	else
	{
		clearTimeout(Timeout);
		Timeout = setTimeout("GetInfo().style.display = \"none\";", 1000);
	}
}

function UpdateInfo(e)
{
	var Info = GetInfo();
	var ScrollLeft, ScrollTop;
	var OffsetX, OffsetY;
	var X, Y;
	
	if(IsIE)
	{
		ScrollLeft = document.documentElement.scrollLeft;
		ScrollTop = document.documentElement.scrollTop;
		OffsetX = e.offsetX;
		OffsetY = e.offsetY;
	}
	else
	{
		ScrollLeft = window.pageXOffset;
		ScrollTop = window.pageYOffset;
		
		if(document.body.offsetWidth < 1000)
			OffsetX = e.clientX + ScrollLeft;
		else
			OffsetX = e.clientX - (document.body.offsetWidth - 1000) / 2;
		
		OffsetY = e.clientY + ScrollTop;
	}
	
	OffsetX = Math.floor(OffsetX / 10);
	OffsetY = Math.floor(OffsetY / 10);
	
	if(Available)
		Info.innerHTML = "Square #" + (100 * OffsetY + OffsetX);
		// Info.innerHTML = OffsetX + ", " + OffsetY;
	else
		Info.innerHTML = "Unavailable (#" + (100 * OffsetY + OffsetX) + ")";
	
	Info.style.display = "block";
	
	if(e.clientX > 180)
		X = e.clientX + ScrollLeft - 165;
	else
		X = e.clientX + ScrollLeft + 15;
	
	Y = e.clientY + ScrollTop + 5;
	Info.style.left = X + "px";
	Info.style.top = Y + "px";
}