var windowtimeout=0;

function createMenuBarTable(){
	var table = document.createElement("TABLE");
	var tr1 = document.createElement("TR");
	var tr2 = document.createElement("TR");	
	table.setAttribute("border","0");
	table.setAttribute("cellPadding","0");
	table.setAttribute("cellSpacing","0");
	table.setAttribute("width","100%");
	tr1.id = "TopMenus";
	tr2.id = "BottomMenus";
	table.appendChild(tr1);
	table.appendChild(tr2);
	document.getElementById("MenuBar").appendChild(table);
	document.getElementById("MenuBar").innerHTML = document.getElementById("MenuBar").innerHTML;
	
}

function getMenus(){
	var xmlObj = new XmlConnector("http://www.kibris-sigorta.com/XmlWebService/Php/Services/menus.php");
	//var xmlObj = new XmlConnector("menus.xml");
	xmlObj.XMLReq.onreadystatechange = function(){
		if (xmlObj.XMLReq.readyState == 4) {					
			if (xmlObj.XMLReq.status  == 200) {				
				var topmenus = xmlObj.XMLReq.responseXML.getElementsByTagName("topmenu");	
				var topmenuitems = topmenus[0].getElementsByTagName("menuitem");	
				
				if(topmenuitems.length > 0){
					
					for(var i=0;i<topmenuitems.length;i++){												
						var topMenuTd = document.createElement("TD");
						var topMenuDivItem = document.createElement("DIV");
						var bottomMenuTd = document.createElement("TD");
						var containerdiv = document.createElement("DIV");
						var alink = document.createElement("A"); 
						
						topMenuTd.className = "TopMenuItem";
						topMenuTd.id = "TopMenuItem-"+i;
						topMenuTd.noWrap = true;
						topMenuDivItem.id = "TopMenuDivItem-"+i;
						topMenuDivItem.className = "TopMenuDivItem";
						alink.id = "TopMenuLink-" + i;
						
						var linkElem = topmenuitems[i].getElementsByTagName("href");
						
						alink.setAttribute("href",linkElem[0].childNodes[0].data);
						alink.appendChild(document.createTextNode(topmenuitems[i].attributes[0].value));						
						topMenuDivItem.appendChild(alink);						
						topMenuTd.appendChild(topMenuDivItem);
						
						containerdiv.id = "MenuContainerDiv-"+i;
						containerdiv.className = "MenuContainer";
						
						bottomMenuTd.appendChild(containerdiv);
						document.getElementById("TopMenus").appendChild(topMenuTd);
						document.getElementById("BottomMenus").appendChild(bottomMenuTd);
						
						var submenuitems = topmenuitems[i].getElementsByTagName("submenuitem");
												
						if(submenuitems.length > 0){
							var menu = new SlideMenu("MenuListBox"+i,"MenuContainerDiv-"+i,"",80);							
							menu.Draw();
							for(var j=0;j<submenuitems.length;j++){									
 								menu.AddItem(submenuitems[j].attributes[0].value,submenuitems[j].childNodes[0].data);
 							}	
							if(window.attachEvent){
								alink.attachEvent("onmouseover",topMenuDivItem_onMouseOver,false);	
								alink.attachEvent("onmouseout",topMenuDivItem_onMouseOut,false);	
								document.getElementById("MenuListBox"+i).attachEvent("onmouseover",menu_onMouseOver,false);	
								document.getElementById("MenuListBox"+i).attachEvent("onmouseout",menu_onMouseOut,false);							
							}else{
								alink.addEventListener("mouseover",topMenuDivItem_onMouseOver,false);	
								alink.addEventListener("mouseout",topMenuDivItem_onMouseOut,false);	
								document.getElementById("MenuListBox"+i).addEventListener("mouseover",menu_onMouseOver,false);	
								document.getElementById("MenuListBox"+i).addEventListener("mouseout",menu_onMouseOut,false);	
							}
						} 					
					}
					
					var lastTd = document.createElement("TD");
					lastTd.style.width = 100 + "%";
					document.getElementById("TopMenus").appendChild(lastTd);
					
				}
			}
		}
	}
}

function selectedMenuListIndex(name){
	var stringArray = name.split("-");
	return stringArray[1];
}


function topMenuDivItem_onMouseOver(event){	
	clearTimeout(windowtimeout);
	if(event.srcElement){
		var selectedindex = event.srcElement.id;
	}else{
		var selectedindex = event.target.id;
	}
	
	var _index = selectedMenuListIndex(selectedindex);	
	var ContainerDiv = document.getElementById("MenuContainerDiv-" + _index);
	var MenuListDiv = document.getElementById("MenuListBox"+_index);	
	if(!firefox){
		mh = (MenuListDiv.style.height).split("px");
		ch = (ContainerDiv.style.height).split("px");
	}else{
		mh = (MenuListDiv.style.height).split("pt");
		ch = (ContainerDiv.style.height).split("pt");
	}	
	
	if(_rootdown==0){
		_rootdown_max_height = Number(mh[0]);
		_rootdown_current_height = Number(ch[0]);
		_rootdown = ContainerDiv;
		_innerdown = MenuListDiv;	
		SlideDownMenuList();		
	}else{					
		
		if(_rootdown.id != ContainerDiv.id){	
			_rootup = _rootdown;
			_innerup = _innerdown;
			_rootup_max_height = _rootdown_max_height;
			_rootup_current_height = _rootdown_current_height;		
			SlideUpMenuList();	
			
			_rootdown_max_height = Number(mh[0]);
			_rootdown_current_height = Number(ch[0]);
			_rootdown = ContainerDiv;
			_innerdown = MenuListDiv;	
			SlideDownMenuList();	
		}else{
			_rootdown_max_height = Number(mh[0]);
			_rootdown_current_height = Number(ch[0]);
			_rootdown = ContainerDiv;
			_innerdown = MenuListDiv;	
			SlideDownMenuList();	
		}	
				
			
		
	}		
}

function topMenuDivItem_onMouseOut(event){	
	windowtimeout = window.setTimeout('SlideUp()',1000);		
}

function menu_onMouseOver(){
	clearTimeout(windowtimeout);
}

function menu_onMouseOut(){
	topMenuDivItem_onMouseOut();
}

function SlideUp(){
	if(_rootdown != 0){
		_rootup = _rootdown;
		_innerup = _innerdown;
		_rootup_max_height = _rootdown_max_height;
		_rootup_current_height = _rootdown_current_height;
		SlideUpMenuList();
	}
}

createMenuBarTable();
getMenus();