// Comportamientos del menú desplegable izquierdo (usa jQuery)
$(document).ready(function() {
    $("#abre_menu2 > a").click(function() {
        if ($("#menu_nivel2").is(":visible")) {
            pliega("2", "#menu_nivel2", "#abre_menu2", "abre_menu2_expandido");
            pliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");
        } else {
            despliega("2", "#menu_nivel2", "#abre_menu2", "abre_menu2_expandido");            
        }
    });
    $("#abre_menu3 > a").click(function() {
        if ($("#menu_nivel3").is(":visible")) {
            pliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");
        } else {
            despliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");
        }
    });
    $("#menu_nivel2 > li > a:not(#abre_menu3 a)").click(function() {
        pliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");
    });
    $("#menu_nivel1 > li > a:not(#abre_menu2 a)").click(function() {
        pliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");
        pliega("2", "#menu_nivel2", "#abre_menu2", "abre_menu2_expandido");
    });

    if ($("#abre_menu2").hasClass("menu_activo")) {
        despliega("2", "#menu_nivel2", "#abre_menu2", "abre_menu2_expandido");            
    }
    if ($("#abre_menu3").hasClass("menu_activo")) {
        despliega("2", "#menu_nivel2", "#abre_menu2", "abre_menu2_expandido");            
        despliega("3", "#menu_nivel3", "#abre_menu3", "abre_menu3_expandido");            
    }
});

function pliega(nivel, elemento, abridor, clase) {
    var nivel_anterior = new String(parseInt(nivel) - 1);
    $(elemento).hide();
    $(abridor).removeClass(clase);
    $(abridor).addClass("sin_expandir" + nivel_anterior);
}

function despliega(nivel, elemento, abridor, clase) {
    var nivel_anterior = new String(parseInt(nivel) - 1);
    $(elemento).show();
    $(abridor).removeClass("sin_expandir" + nivel_anterior);
    $(abridor).addClass(clase);
}