var active = "";
var i = 0;

// shows menu
function showMenu(name){
	// hide any active menus
	if(! (active == "") && active != name)
		document.getElementById(active).style.display = "none";
	// show the selected menu
	if (active != name)
		document.getElementById(name).style.display = "block";
	// set active menu
	active = name;
	// start timeout (2 seconds)
	//hideMenuTimeout(2000);
}

// timeout for auto-closing menus
function hideMenuTimeout(n) {
	i = setTimeout("hideMenu()", n);
}

// hides menu
function hideMenu(){
	if(! (i == "") )
		clearTimeout(i);
	if(! (active == ""))
		document.getElementById(active).style.display = "none";
	active="";
}

// cancel timeout
function cancelTimeout(){
	clearTimeout(i);
}