//Creación de un menu horinzontal con UL
var menuids=["menu1"]; //Itroduce los  id(s) de los menus UL, separados por comas

function construirsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //Si este es el primer nivel de submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px"; //Dinamicamente los alinea y ordena
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";
			ultags[t].parentNode.getElementsByTagName("a")[0].className="imagenfondo";
		}
		else{ //pero si es un sub nivel de menu UL
		ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"; //Coloca el menu a la derecha de menu que se ha activado
    	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";
    }
    }
  }
}


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