// JavaScript Document
var menuids_1=["horizontal"] //id(s) del los menus hortizontales, separados por comas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids_1.length; i++){
  var ultags=document.getElementById(menuids_1[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids_1[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
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";
			ultags[t].style.left=ultags[t].parentNode.getElementsByTagName("a")[0].offsetLeft - 2 +"px" //position menu to the right of menu item that activated it
		}
		else{ //else if this is a sub level menu (ul)
						ultags[t].style.top=ultags[t].parentNode.offsetTop+"px" //dynamically position first level submenus to be height of main menu item
		  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(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
    }
  }
}


var menuids_2=["vertical"] //id(s) de los menus verticales, separados por comas

function buildsubmenus(){
  var ultags=document.getElementById("vertical")
  if(ultags){
      ultags = ultags.getElementsByTagName("ul");
  } else {
return;
  }

    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
		if (ultags[t].parentNode.parentNode.id=="vertical") //if this is a first level submenu
			ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
		else //else if this is a sub level submenu (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.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
		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 inicio(){
	buildsubmenus_horizontal();
	buildsubmenus();
}


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

