////////////////////////////////////////////////////////////////////////////////
// menu.js
////////////////////////////////////////////////////////////////////////////////

function getElementPosition(id) {
	var offsetTrail = id;
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail)	{
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	return {left:offsetLeft,top:offsetTop};
	
}

function ShowElement(id)	{
	id.style.visibility="visible";
}

function HideElement(id)	{
	id.style.visibility="hidden";
}

function ShowSubmenu(parent) {
	SetSubmenu(parent, "visible");
}

function HideSubmenu(parent) {
	SetSubmenu(parent, "hidden");
}

function SetSubmenu(parent, visibility) {
	var tmp = new String (parent.id);
	var submenuId = new String(tmp.replace("Menu","Submenu"));
	var submenu = document.getElementById(submenuId);
	left = getElementPosition(parent).left + "px";
	top = getElementPosition(parent).top + 15 + "px";
	submenu.style.left = left;
	submenu.style.top = top;
	submenu.style.visibility = visibility;
}

