var openMenu = 'none';

function toggleMenu(menuName, curel, ev) {
	if (menuName == 'close' && openMenu != 'none') {
		element = document.getElementById(openMenu);
		openMenu = 'none';
		hideMenu(element);
		stopEvent(ev);
	} else if (openMenu == 'none' && menuName != 'close') {
		element = document.getElementById(menuName);
		openMenu = menuName;
		showMenu(element);
		stopEvent(ev);
	} else if (openMenu == menuName) {
		element = document.getElementById(menuName);
		openMenu = 'none';
		hideMenu(element);
		stopEvent(ev);
	} else if (openMenu != 'none' && menuName != 'close') {
		element = document.getElementById(openMenu);
		hideMenu(element);
		openMenu = menuName;
		element = document.getElementById(menuName);
		showMenu(element);
		stopEvent(ev);
	} 
}
function stopEvent(ev) {
	ev.cancelBubble = true;
}

function mouseOverShowMenu(menuName, ev) {
	if (menuName != openMenu && openMenu != 'none') {
		element = document.getElementById(openMenu);
		hideMenu(element);
		element = document.getElementById(menuName);
		showMenu(element);
		openMenu = menuName;
	}
}
			

function showMenu(element) {
	element.style.backgroundColor = "#000044";
	
	var divs = element.getElementsByTagName("div");
	divs[0].style.display = "block";

	var x = element.offsetLeft;
	var y = element.offsetTop;
	
	obj = element;
	while (obj.offsetParent) {
		obj = obj.offsetParent;
		x = x + obj.offsetLeft;
		y = y + obj.offsetTop;
	}
	
	divs[0].style.filter = "alpha(opacity=90)";
	divs[0].style.opacity = "0.9";
	divs[0].style.top = y + element.clientHeight;
	divs[0].style.left = x;


	if (divs[0].style.width == '') {
		var anchors = divs[0].getElementsByTagName("a");
		var maxWidth = 150;
		for (i = 0; i < anchors.length; i++) {
			if (anchors[i].offsetWidth > maxWidth)
				maxWidth = anchors[i].offsetWidth;
		}
		divs[0].style.width = maxWidth + 10;
	}

        if ((divs[0].offsetLeft + divs[0].offsetWidth) > document.body.clientWidth) {
		divs[0].style.left = x - divs[0].offsetWidth + element.offsetWidth;
        }

}

function hideMenu(element) {
	var divs = element.getElementsByTagName("div");
	if (divs[0]) {
		divs[0].style.display = "none";
	}
	element.style.backgroundColor = "";
	element.style.color = "white";
}