//SuckerTree Horizontal Menu (Sept 14th, 06)
    //By Dynamic Drive: http://www.dynamicdrive.com/style/
    
    //var menuids=["menudc",""] Enter id(s) of SuckerTree UL menus, separated by commas
	var menuids=["menup"] //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")
        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
                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(){
        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)
    
// contenido de los botones del menu principal
	
	var menu1 = "<div class=\"menuprincipal\" >";
		menu1 +=  "<ul id=\"menup\">";
		menu1 +=  " <li><a href=\"#\" style=\"border-left: 1px solid black\">Libros en L&iacute;nea</a>";
		menu1 +=  "  <ul>";
		menu1 +=  "   <li><a class=\"subm\" href=\"/estudios/diccionario/dc_index.html\">Diccionario de la Constituci&oacute;n</a></li>";
		menu1 +=  "   <li><a class=\"subm\" href=\"/estudios/telecom/tc_index.html\">Telecomunicaciones</a></li>";
		menu1 +=  "   <li><a class=\"subm\" href=\"/estudios/energia/en_index.html\">Energia</a></li>";
		menu1 +=  "  </ul>";
		menu1 +=  " </li>";	  
		menu1 +=  " <li><a href=\"#\">Noticias</a>";   
		menu1 +=  "  <ul>";     
		menu1 +=  "   <li><a class=\"subm\" href=\"not_explica.html\">Explicaci&oacute;n</a></li>";      
		menu1 +=  "   <li><a class=\"subm\" href=\"not_indice.html\">Indice de noticias</a></li>";        
		menu1 +=  "  </ul>";        
		menu1 +=  " </li>";       
		menu1 +=  " <li><a href=\"nosotros.html\">Nosotros</a></li>";    
		menu1 +=  " <li><a href=\"suscripcion.html\">Suscripciones</a></li>";  
		menu1 +=  " <li><a href=\"contacto.html\">Cont&aacute;ctenos</a></li>";  
		menu1 +=  "</ul>";    
		menu1 +=  "<br style=\"clear: left;\" />";      
		menu1 +=  "</div>";      
		menu1 +=  "\n";