function hoverMenu(menu, on)
{
	if (on)
		menu.className = '';
	else
		menu.className = 'Hover';
}

function popOn(e, text)
{
	var divGamePopup = document.getElementById("divGamePopup");
	
	document.getElementById("divGamePopupText").innerHTML = text;

	divGamePopup.style.left = e.offsetLeft + e.offsetParent.offsetLeft;
	divGamePopup.style.top = e.offsetParent.offsetTop - divGamePopup.clientHeight;
	divGamePopup.style.visibility = "visible";
}

function popOff()
{
	document.getElementById("divGamePopup").style.visibility = "hidden";
}

function getPosition(element)
{
	var parentElement = element;
	var x = 0;
	var y = 0;
	
	while (parentElement != null)
	{
		x += parentElement.offsetLeft;
		y += parentElement.offsetTop;
		parentElement = parentElement.offsetParent;
	}
	
	this.x = x;
	this.y = y;

	return this;
}

function showBalloon(element, text)
{
	var divBalloon = document.getElementById('divBalloon');
	var divBalloonText = document.getElementById('divBalloonText');
	var element = document.getElementById(element);
	var pos = getPosition(element);
	
	divBalloon.style.visibility = 'hidden';

	if (element != null)
	{
		divBalloonText.innerHTML = text;
		divBalloon.style.left = pos.x - (divBalloon.clientWidth - element.clientWidth) / 2;
		divBalloon.style.top = pos.y - divBalloon.clientHeight;
		divBalloon.style.visibility = 'visible';
	}
}

function hideBalloon()
{
	document.getElementById('divBalloon').style.visibility = 'hidden';
}

function expandCollapseMessage(id, show)
{
	message = document.getElementById(id);
	
	if (message != null)
		if (show)
			message.style.display = "inline";
		else
			message.style.display = "none";
}