var aMenuVisible = new Array();
aMenuVisible[1] = false;
aMenuVisible[2] = false;
aMenuVisible[3] = false;
aMenuVisible[4] = false;
aMenuVisible[5] = false;
var iHideTimeOut = 0;
var oMenuToHide;
var iNumberToHide = 0;


//document.getElementById("colourButton").style.color = "#FF0000";
function displayMenu(iMenuNum) {
	hideAllMenus();
	clearTimeout(iHideTimeOut);
	var oMenu = document.getElementById("menu" + iMenuNum);
	oMenu.style.display = 'block';
}

function hideAllMenus() {
	for(var i = 1; i<=5; i++) {
		 aMenuVisible[i] = false;
		 document.getElementById("menu" + i).style.display = 'none';
	}
}

function hideMenu(iMenuNum) {
	//alert("hide menu");
	var oMenu = document.getElementById("menu" + iMenuNum);
	iNumberToHide = iMenuNum;
	oMenuToHide = oMenu;
	setTimeout("executeHide()", 1000);
	
}

function executeHide() {
	//alert("execute hide: " + aMenuVisible[iNumberToHide]+" - oMenuToHide : "+oMenuToHide);
	clearTimeout(iHideTimeOut);
	if(aMenuVisible[iNumberToHide] == false) {		
		oMenuToHide.style.display = 'none';
	}
}

function setMenuVisible(iMenuNum) {
	clearTimeout(iHideTimeOut);
	aMenuVisible[iMenuNum] = true;
}

function setMenuHidden(iMenuNum) {
	aMenuVisible[iMenuNum] = false;
	hideMenu(iMenuNum);
}

function setContent(contentId) {
	var oContent = document.getElementById("contentholder");
	oContent.innerHTML = "";
	switch(contentId) {
		case 1:
			oContent.innerHTML = "teeeeeeeeeeeeest 1";
			break;
		case 2:
			oContent.innerHTML = "teeeeeeeeeeeeest 2";
			break;
		
	}
}