/**
 * Dropmenu (horizontal) -> id = "dropmenu"
 * optimiza un menu horizontal con 3 niveles de submenus a modo de
 * desplegables partiendo de una estructura de listas ul li en arbol.
 * Nota: debemos marcar la capa del menu con el id 'dropmenu'
 * Dependencias: listmenu.css (.dropmenu ul li a)
 */
var dropids = ["dropitems"];
function buildsubmenus_horizontal(){
  if (!window.document.getElementById("dropmenu"))
    return false;
  for (var i=0; i<dropids.length; i++){
    var ultags=document.getElementById(dropids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
      if (ultags[t].parentNode.parentNode.id==dropids[i]){
        ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px";
        ultags[t].parentNode.getElementsByTagName("a")[0].className="dropnode";
      }
      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="dropsubnode";
      }
      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);


/**
 * Listmenu (vertical) -> id = "listmenu"
 * optimiza un menu vertical con 3 niveles de submenus a modo de
 * desplegables partiendo de una estructura de listas ul li en arbol.
 * Nota: debemos marcar la capa del menu con el id 'listmenu'
 * Dependencias: listmenu.css (.listmenu ul li a)
 */
var listids = ["listitems"];
var submenuoffset=-12; //Offset of submenus from main menu. Default is -2 pixels.

function buildsubmenus_vertical(){
  if (!window.document.getElementById("listitems"))
    return false;
  for (var i=0; i<listids.length; i++){
    var ultags=document.getElementById(listids[i]).getElementsByTagName("ul")
      for (var t=0; t<ultags.length; t++){
      ultags[t].parentNode.getElementsByTagName("a")[0].className="listnode"
      /*
  		if (ultags[t].parentNode.parentNode.id==listids[i]) //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"
  		}
    }
}
if (window.addEventListener)
  window.addEventListener("load", buildsubmenus_vertical, false);
else if (window.attachEvent)
  window.attachEvent("onload", buildsubmenus_vertical);