NoOfMenu = 8;
currentDropDownMenu = 0;
timeoutID = 0;

function setupDropDownMenu() {
	for (var i=0; i<NoOfMenu; i++) {
		var elem = document.getElementById("menu" + i);
		elem.no = i;
		elem.onmouseover=function() {
			hideAllSubMenu();
			var submenu = document.getElementById("submenu" + this.no);
			//trace (this.id + " in");
			submenu.style.visibility = "visible";
			//alert(this.firstChild.src);
		}
				
		var subElem = document.getElementById("submenu" + i);
		subElem.onmouseout=function() {
			var submenu = document.getElementById(this.id);
			//trace (submenu.style.display + this.id + " sub out");
			param = this.id;
			timeoutID = window.setTimeout(function(){hideSubMenu(param)}, 500)
		}
		// bug fixed for mouse out of continer
		subElem.onmouseover=function() {
			var submenu = document.getElementById(this.id);
			//trace (submenu.style.display + this.id + " sub in");
			window.clearTimeout(timeoutID);
		}
	}
}




/**/

function hideAllSubMenu () {
	//trace("hide all");
	for (var i=0; i<NoOfMenu; i++) {
		var submenu = document.getElementById("submenu" + i);
		submenu.style.visibility = "hidden";
	}
}

function hideSubMenu (submenuId) {
	var submenu = document.getElementById(submenuId);
	//trace (submenuId);
	submenu.style.visibility = "hidden";
}