//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
	for (var i=0; i<menuids.length; i++){
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
		
		//alert(ultags.length); // debugging display semua total tag UL selain UL utama { = selain <ul id="treemenu1"> }
		
		for (var t=0; t<ultags.length; t++){
			if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
				ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
				
				
				
				//alert(ultags[t].parentNode.parentNode.id);
				
				// perubahan .. 
				//ultags[t].style.top=(ultags[t].parentNode.offsetHeight + 10) +"px" //dynamically position first level submenus to be height of main menu item
				
				// kasih nama class dalam CSS untuk menu utama atas (horizontal)
				ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
			} else { //else if this is a sub level menu (ul)
				ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
				//ultags[t].style.left = (ultags[t-1].getElementsByTagName("a")[0].offsetWidth - 5) + "px" //position menu to the right of menu item that activated it
				//ultags[t].style.top = "5px" //position menu to the right of menu item that activated it
				
				//ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
				
				// ultags[t].parentNode.childNodes[0] = akan mengeluarkan URL link sub link saat ini
				
				//alert(t);
				
				//alert(ultags[t].parentNode.getElementsByTagName("a")[0].className);
				//alert(ultags[t].parentNode.childNodes[0]);
				//alert(ultags[t].childNodes[1]);
				
				/*
				if(ultags[t].parentNode.getElementsByTagName("a")[0].className == "pertama") {
					alert(ultags[t].parentNode.childNodes[0]);
					
				} else {
					ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
				}
					
				/*
				if(t > 2) {
					ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
				} else {
					ultags[t].parentNode.getElementsByTagName("a")[0].className="firstsubfoldericon"
				}
				*/
			}
			
			ultags[t].parentNode.onmouseover=function(){
				this.getElementsByTagName("ul")[0].style.visibility="visible"
			}
		
			ultags[t].parentNode.onmouseout=function(){
				this.getElementsByTagName("ul")[0].style.visibility="hidden"
			}
		}
	}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)