﻿// ****************************************
// Clase: sidebar, basado en Mootools
// Propósito: manejar selección menu en sidebar y cargar contenidos mediante AJAX
// ****************************************
 
    var Sidebar = new Class({
        initialize: function(){
        
            this.claseCSS = 'selected';
            this.seleccionado = this.cogeSeleccionado();
            
        },
        cogeSeleccionado: function(){
        
            $S('.sidebar_opcion').each(function(el){
                if(el.hasClass(this.claseCSS)) {
                    valor = el;
                }
            }, this);
            
            return valor;
        }
    });
 /* EN CONSTRUCCION
 
 function changeContentWithAjax(obj) {
        var url = obj.getElement('a');
        if (url.href) {
            // Obtener href
            url = url.href;
        } else {
            url = obj.getNext().getElement('a').href;
            toggleOption(obj);
            var flag = true;
        }
        // Obtener substring con la ruta al contenido para ser cargado
        url = url.substring(url.indexOf('pag')+4, url.length);
        // Llamar objeto ajax sin instanciar
        new Ajax(url, {update: $('contenido_textos')}).request();
        // Limpiar clase selectora en elementos
        arrayEls = getOptionsElements();
        for (var i = 0; i < arrayEls.length; i++) {
            arrayEls[i].removeClass('selected');
        }
        // Seleccionar elemento con clase css
        obj.addClass('selected');
        if (flag) {
            obj.getNext().getElement('li').addClass('selected');
        }
    }
    
    function closeOptions() {
        $S('.sidebar_opcion h5').each(function(el) {
            sidebarOption = el.parentNode;
            if (sidebarOption.hasClass('selected')) {
                sidebarOption.effect('height', {onComplete: function(){sidebarOption.removeClass('selected');}, duration: 500, unit: 'em'}).custom(15, 5.18);
                alert(sidebarOption.hasClass('selected'));
            }
        });
    }
    
    function toggleOption(obj) {
        // Comprobar si esta desplegado
        var sidebarOption = $(obj.parentNode);
        
        var myEffect = sidebarOption.effect('height', {duration: 500, unit: 'em', onComplete: function(){ sidebarOption.toggleClass('selected'); }});

        if (sidebarOption.hasClass('selected')) {
            myEffect.custom(15, 5.18);
        } else {
            closeOptions();
            myEffect.custom(5.18, 15);
            //var el = obj.parentNode.getElement('li');
            //changeContentWithAjax(el);
        }
    }
    
    function getOptionsElements() {
        var els  = $S('.sidebar_opcion li');
        var els2 = $$('.sidebar_opcion h5');
        return (els.extend(els2));
    }*/
