function displaymenu (menu)
{
	menu.style.visibility = "visible";
	menu.style.display = "block";
}

function hidemenu (menu)
{
	menu.style.visibility = "hidden";
}

function getElementLeft (element)
{
	if (element.offsetParent == null)
	{
		return element.offsetLeft;
	}
		
	return element.offsetLeft + getElementLeft (element.offsetParent);
}

function getElementTop (element)
{
	if (element.offsetParent == null)
	{
		return element.offsetTop;
	}
		
	return element.offsetTop + getElementTop (element.offsetParent);
}

function hilightmenu (menu, state)
{
	if (state)
	{
		menu.children[0].className = "activemenu";
	}
	else
	{
		menu.children[0].className = "popupmenu";
	}
}

function expandmenu (parentMenu, menuid)
{
	hilightmenu (parentMenu, true);

	var dropdownmenu = document.getElementById (menuid);
	dropdownmenu.style.left = getElementLeft (parentMenu) + 5;
		
	dropdownmenu.style.top = getElementTop (parentMenu) + parentMenu.offsetHeight;
	
	displaymenu (dropdownmenu);
}

function collapsemenu (parentMenu, menuid)
{
	hilightmenu (parentMenu, false);
	
	var dropdownmenu = document.getElementById (menuid);
	hidemenu (dropdownmenu);
}