﻿$.fn.menuSimple = function(opciones) {
    var aux = {
        abre: function($contenedor) {
            $contenedor.children("h3").removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top");
            $contenedor.children("div").slideDown();
            //$contenedor.children("div").style("backgrounf-color", "red");
        },
        cierra: function($contenedor) {
            $contenedor.children("h3").addClass("ui-state-default ui-corner-all").removeClass("ui-state-active ui-corner-top");
            $contenedor.children("div").slideUp();
        },
        click: function() {
            var $this = $(this);
            var $contenedor = $this.parent();
            if ($this.is(".ui-state-active"))
                aux.cierra($contenedor);
            else
                aux.abre($contenedor);
        }
    };

    return $(this).each(function() {
        // Se inicializa el menú raiz
        var menu = $(this).addClass("ui-accordion ui-widget ui-helper-reset");

        // Se inicializa cada submenu
        menu.children("div").each(function() {
            var $contenedor = $(this);
            var $cabecera = $contenedor.children("h3");
            var $contenido = $contenedor.children("div");
            $cabecera.addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all");
            $cabecera.prepend('<span class="ui-icon ui-icon-triangle-1-e"/>');
            $contenido.addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active")
                      .hide();
            $cabecera.click(aux.click);
        });

        // Se abre el menú activo
        if (typeof (opciones.active) == "number")
            menu.find("> div:eq(" + opciones.active + ") > .ui-accordion-header").click();
    });
}
