var menuids=["horisontal_menu", "vertikal_menu"]; //Enter id(s) of SuckerTree UL menus, separated by commas
var menutypes=["horisontal", "vertikal"];
var onMouseOutDelay = 500;      //Delay that will apply to mouseout event
function buildsubmenus() {
    for (var i = 0; i < menuids.length; i++) {
		if(document.getElementById(menuids[i])!=null){
			var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul")
			for (var t = 0; t < ultags.length; t++) {		
				if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
					if(menutypes[i]=='vertikal'){
						ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
						ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
					}
					if(menutypes[i]=='horisontal')
					{
						ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
						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].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
				}
				
					ultags[t].parentNode.onmouseover = function() 
					{
						var saveref = this.getElementsByTagName("ul")[0];
						var _this = this;
						saveref.isMouseIn = false;
						
						this.getElementsByTagName("ul")[0].isMouseIn = false;
						if (this.toref)
							window.clearTimeout(this.toref);

						this.toref = window.setTimeout(function(e) {
							if (!saveref.isMouseIn)
								saveref.style.display = "block"
							hideAllOther(_this);	
						}, onMouseOutDelay);	
					}
					ultags[t].parentNode.onmouseout = function() 
					{
						var saveref = this.getElementsByTagName("ul")[0];
						saveref.isMouseOver = false;
						if (this.toref)
							window.clearTimeout(this.toref);

						this.toref = window.setTimeout(function(e) {
							if (!saveref.isMouseOver)
								saveref.style.display = "none"
						}, onMouseOutDelay);
					}
			}
			for (var t = ultags.length - 1; t > -1; t--) { //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
				ultags[t].style.visibility = "visible";
				ultags[t].style.display = "none";
			}
    }
	}
}


function hideAllOther(liobj) {
    var p = liobj.parentNode.childNodes;
    var i;
    try {
        for (i = 0; i < p.length; i++) {
            if (liobj != p[i] && "LI" == p[i].tagName && p[i].getElementsByTagName("ul").length)
                p[i].getElementsByTagName("ul")[0].style.display = "none";
        }
    } catch (e) {
        alert(p[i].innerHTML)
    }
 }