var currentMenuTitle = "";
var currentMenuBody = "";

var firstTime = true;
var menuToggle = false;

var title;
var body;

function menuOn(menuName) {

	document.getElementById("canvasWatch").style.visibility="visible";
	if (menuToggle==false){
		toggleSelect();
	}
	title = null;
	body = null;
	//alert("currentMenuTitle = " + currentMenuTitle);

	// a menu was previously on
	if(!firstTime) {
		// old objects
		//alert("previously on ... currentMenuTitle and currentMenuBody = " + currentMenuTitle + " and " +currentMenuBody);
		title = document.getElementById(currentMenuTitle);
		body = document.getElementById(currentMenuBody);
		//alert("previous title and body = "  + title + " : " + body);
		// hide old objects
		title.style.visibility = "hidden";
		body.style.visibility = "hidden";		


		// new objects
		currentMenuTitle = menuName + "_title";
		currentMenuBody = menuName + "_body";
		//alert("new currentMenuTitle and currentMenuBody = "  + currentMenuTitle + " : " + currentMenuBody);
		title = document.getElementById(currentMenuTitle);
		body = document.getElementById(currentMenuBody);

		// set the title and body to be visible
		title.style.visibility = "visible";
		body.style.visibility = "visible";


	// first time a menu is switched on
	} else {
		//alert("first time ...");
		currentMenuTitle = menuName + "_title";
		currentMenuBody = menuName + "_body";
		//alert("first time currentMenuTitle and currentMenuBody = "  + currentMenuTitle + " : " + currentMenuBody);

		title = document.getElementById(currentMenuTitle);
		body = document.getElementById(currentMenuBody);
		//alert("first time title and body = "  + title + " : " + body);

		firstTime = false;

		// set the title and body to be visible
		title.style.visibility = "visible";
		body.style.visibility = "visible";

	}

//	document.getElementById(currentMenuTitle).style.visibility = "visible";
//	document.getElementById(currentMenuBody).style.visibility = "visible";

	menuToggle = true;

}


function menuOff (){

	if (menuToggle == true) {
		toggleSelect();
		document.getElementById("canvasWatch").style.visibility="hidden";
		title = document.getElementById(currentMenuTitle);
		body = document.getElementById(currentMenuBody);
		// hide old objects
		title.style.visibility = "hidden";
		body.style.visibility = "hidden";
		currentMenuTitle = "";
		currentMenuBody = "";
		firstTime = true;
		menuToggle = false;
		
	} else {
			
	}
}

function toggleSelect(){ 

	var sel=document.getElementsByTagName("SELECT"); 
	for(i=0;i<sel.length;i++){ 
		if(sel[i].style.visibility!="hidden") {
			sel[i].style.visibility="hidden"; 
		}else {
			sel[i].style.visibility="visible"; 
		} 

	} 
}