var elementosMenu=["menup"]

function menuHorizontal(){
	for (var i=0; i<elementosMenu.length; i++){
		var elementosUl=document.getElementById(elementosMenu[i]).getElementsByTagName("ul")
		for (var t=0; t<elementosUl.length; t++){
			if (elementosUl[t].parentNode.parentNode.id==elementosMenu[i]){
				//estamos en el primer nivel del menu
				elementosUl[t].style.top=elementosUl[t].parentNode.offsetHeight+"px"
				//colocamos los elementos de primer nivel
				elementosUl[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
			} else {
				// estamos en un submenu
				if(elementosUl[t].parentNode.parentNode.className=="izquierda"){
					//comprobamos si la clase del nodo es "izquierda" para poner el submenu a la... esto... izquierda...
					elementosUl[t].style.left=-elementosUl[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
				} else {
					//si no es "izquierda" sera... esto... derecha...
					elementosUl[t].style.left=elementosUl[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
				}
				
				elementosUl[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
			}
			elementosUl[t].parentNode.onmouseover=function(){
				this.getElementsByTagName("ul")[0].style.visibility="visible"
			}
			elementosUl[t].parentNode.onmouseout=function(){
				this.getElementsByTagName("ul")[0].style.visibility="hidden"
			}
		}
	}
}

if (window.addEventListener){
	window.addEventListener("load", menuHorizontal, false)
} else if (window.attachEvent){
	window.attachEvent("onload", menuHorizontal)
}

var platMac = (navigator.userAgent.toLowerCase().indexOf('mac')!=-1);
if (platMac) {
    document.write('<link href="css/principal2.css" rel="stylesheet" type="text/css" />');
}