function OverlayMenuOnMouseOver(ctrl)
{
	ctrl.style.color = '#FFFFFF';
	ctrl.style.backgroundColor = '#333399';
}

function OverlayMenuOnMouseOut(ctrl)
{
	ctrl.style.color = '#000000';
	ctrl.style.backgroundColor = 'transparent';
}

function getLeft(obj)
{
	alert(obj.offsetLeft);
	if (obj.offsetParent) return (obj.offsetLeft + getLeft(obj.offsetParent));
	else return (obj.offsetLeft);
}

function getTop(obj)
{
	if (obj.offsetParent) return (obj.offsetTop + getTop(obj.offsetParent));
	else return (obj.offsetTop);
}

function CloseOverlayMenu(ctrl)
{
	ctrl.style.display = 'none';
}

function CloseAllOverlayMenu()
{
	for(i=0;i<document.all.length;i++)
	{
		if(document.all.item(i).className == 'OverlayMenu')
		{
			CloseOverlayMenu(document.all.item(i))
		}
	}
}

function OpenOverlayMenu(ctrl, root)
{
	if(ctrl.style.display == 'block') 
	{
		ctrl.style.left = ctrl.offsetLeft + ctrl.clientWidth;
		CloseOverlayMenu(ctrl);
		return;
	}
	
	CloseAllOverlayMenu();
	ctrl.style.display = 'block';
	
	ctrl.style.left = ctrl.offsetLeft - ctrl.clientWidth;
}
