function createMenu(){
	createMenu1();
	createLayer();
	createSubMenu();
}
function createMenu1(){
	
	var divRootMenu = document.getElementById("navbar");
	var divs = divRootMenu.getElementsByTagName("div"); 
		//alert(divs.length);
	for(var j=0; j<divs.length; j++){
		if(divs[j].id.indexOf("menubar")!=-1){
			divs[j].onmouseover = function(e){
				menuControl(1,e);
				changeColor(this,1);
			}
			divs[j].onmouseout = function(e){
				menuControl(0,e);
				changeColor(this,0);
			}
		}
	}
}
function createLayer(){

	var divRootMenu = document.getElementById("navbar");
	var divs = divRootMenu.getElementsByTagName("div"); 
		//alert(divs.length);
	for(var j=0; j<divs.length; j++){
		if(divs[j].id.indexOf("layer")!=-1){
			divs[j].style.display = "none";
			divs[j].className = "submenu";
			divs[j].style.position = "absolute";
			divs[j].style.left = "229px";
			
			var objID = divs[j].id;
			var index=objID.indexOf("layer");
			var numID=objID.substring(index+5,objID.length);
			var top = 110 + numID*15;
			divs[j].style.top =  top+"px";
			
			divs[j].style.width = "146px";

			var length = divs[j].getAttribute("submenuLength");
			divs[j].style.height = 15*length +"px";
			

			

			divs[j].onmouseover = function(e){
				keepMenu(this);
			}
			divs[j].onmouseout = function(e){
			hideMenu(this);
			var divContainer = document.getElementById("navbar_inner");
			var divs = document.getElementsByTagName("div"); 
			//alert(divs.length);
			for(var j=0; j<divs.length; j++){
				if(divs[j].id.indexOf("menubar")!=-1){
					//alert(divs[j].id);
					divs[j].style.background = "";
					}
				}
			}
		}
	}

}
function createSubMenu(){

	var divRootMenu = document.getElementById("navbar");
	var divs = divRootMenu.getElementsByTagName("div"); 
		//alert(divs.length);
	for(var j=0; j<divs.length; j++){
		if(divs[j].id == "linkDiv"){
			//alert(i);
			divs[j].onmouseover = function(){
				var number = this.getAttribute("customeAtt");
				changeColor(this,1,"menubar_"+number);
			}
			divs[j].onmouseout = function(){
				var number = this.getAttribute("customeAtt");
				changeColor(this,0,"menubar_"+number);
			}
		}
	}
}
function changeColor(obj,show,id){
	if(show==1){
		if(id){
			//alert(id);
			document.getElementById(id).style.background = "#990000";
		}
		obj.style.background = "#990000";
	}else{
		
		obj.style.background = "";
	}
	//alert("ok");
}


var currentObj;
function menuControl(show,e)
{
	if(e==null){
		e = event
	}
	var source =  e.srcElement ? e.srcElement : e.target;

	var objID=  source.id;
	//alert(objID);
	var index=objID.indexOf("_");
	var mainID=objID.substring(0,index);
	var numID=objID.substring(index+1,objID.length);
		if(mainID=="menubar")
		{
		if(show==1)
		{
				//alert(ok);
				var onesubmenu = document.getElementById("layer"+numID);
				showMenu(onesubmenu);
		}
		else
		{
				var onesubmenu = document.getElementById("layer"+numID);
				hideMenu(onesubmenu);
		
		}
	}
}
	var nbottom=0,speed=1;
function displayMenu(obj)
{
	obj.style.clip="rect(0 100% "+nbottom+"% 0)";
	nbottom+=speed;
	if(nbottom<=100) 
	{
		timerID=setTimeout("displayMenu("+obj.id+"),70");
	}
	
}
function showMenu(obj)
{
	obj.style.display="block";
}

function hideMenu(obj)
{
	currentObj = obj;
	nbottom=0;
	obj.style.display="none";
	//setTimeout("realHide()",1000);
}
function realHide(){
	currentObj.style.display="none";
}
function keepMenu(obj)
{
	obj.style.display="block";
}