/**
 * Script para ajustar el menu a IE.
 * Autor: Gustavo Gretter (r)
 * Típicamente para su uso se debe incluir.
 *   window.onload= function(){
 *   	activateMenu('navmenu'); 
 *   } 
 * en donde navmenu es el nombre de la clase. Si se usa otro
 * hay que cambiarlo.
 */
function getElementsByClassName(classname)  {
    var node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}
activateMenu = function(navClassName) {
	//Obtengo todos los ul que tienen la clase específica.
	var menus = getElementsByClassName(navClassName);
	
	for (var i=0;i<menus.length;i++) {
		navroot = menus[i];

        /* Otengo todos los elementos li dentro del menu */
        var lis=navroot.getElementsByTagName("LI");        
        for (var j=0; j<lis.length; j++) {
        	//Lo que sigue es unicamente para IE6 o menor.
        	if (navigator.appName == "Microsoft Internet Explorer" && (typeof document.body.style.maxHeight == "undefined")) {
	  			if(lis[j].value>0) {
	  				lis[j].style.width=lis[j].value*0.55 + "em";
	  			}
			}
  				
           /* Si el li tiene otro nivel */
            if(lis[j].lastChild.tagName=="UL"){
                /* Asignar el evento al nodo */
             	lis[j].onmouseover=function() {	
                   this.lastChild.style.display="block";
                }
                lis[j].onmouseout=function() {
                   this.lastChild.style.display="none";
                }
            }
        }								
	}
}
function cssMenu(rootClassName, mode, speed) {
	if (mode==2) {
		$(rootClassName + " .haschild > div").click(function() {
			$(this).parent().children("ul").slideToggle(speed);
		});
	} else if (mode==1) {
		$(rootClassName + " .haschild").mouseover(function() {
			$(this).children('ul').css('display','block');
		});
		$(rootClassName + " .haschild").mouseout(function() {
			$(this).children('ul').css('display','none');
		});	
	}
}

