$(document).ready(function(){
    function disableLink(e){
        // cancels the event
        e.preventDefault();
        
        return false;
    }
    var secciones = {
        'todos': {
            'sel': "img/b_todos_sel.png",
            'nosel': "img/b_todos.png"
        },
        'relojeria_y_joyeria': {
            'sel': "img/b_relojeria_joyeria_sel.png",
            'nosel': "img/b_relojeria_joyeria.png"
        },
        'decoracion': {
            'sel': "img/b_decoracion_sel.png",
            'nosel': "img/b_decoracion.png"
        },
        'nautica': {
            'sel': "img/b_nautica_sel.png",
            'nosel': "img/b_nautica.png"
        },
        'turismo': {
            'sel': "img/b_turismo_sel.png",
            'nosel': "img/b_turismo.png"
        },
        'cine': {
            'sel': "img/b_cine_sel.png",
            'nosel': "img/b_cine.png"
        },
        'inmobiliaria': {
            'sel': "img/b_inmobiliaria_sel.png",
            'nosel': "img/b_inmobiliaria.png"
        },
        'gastronomia': {
            'sel': "img/b_gastronomia_sel.png",
            'nosel': "img/b_gastronomia.png"
        },
        'moda': {
            'sel': "img/b_moda_sel.png",
            'nosel': "img/b_moda.png"
        },
        'salud_y_medicina': {
            'sel': "img/b_salud_medicina_sel.png",
            'nosel': "img/b_salud_medicina.png"
        }
    };
    var current = 'todos';
    // initialize scrollable
    $(".scrollable").scrollable({
        keyboard: false,
        circular: false
    });
    //menu revistas
    $(".bt").live('click', function(){
        var seccion = $(this).attr('seccion');
        if (seccion != current) {
            if (seccion == "todos") {
                $("a.bt[seccion='" + current + "'] > img").attr('src', secciones[current]['nosel']);
                $("a.bt[seccion='" + seccion + "'] > img").attr('src', secciones[seccion]['sel']);
                current = seccion;
                $("li.portada").fadeTo(200, 1);
                $("li.portada").unbind('click', disableLink);
                $("li.portada a").removeClass('nohover');
            }
            else {
                var seccion = $(this).attr('seccion');
                $("a.bt[seccion='" + current + "'] > img").attr('src', secciones[current]['nosel']);
                $("a.bt[seccion='" + seccion + "'] > img").attr('src', secciones[seccion]['sel']);
                current = seccion;
                $("li.portada[seccion='" + seccion + "']").fadeTo(200, 1);
                $("li.portada[seccion='" + seccion + "']").unbind('click', disableLink);
                $("li.portada[seccion='" + seccion + "'] a").removeClass('nohover');
                
                $("li.portada[seccion!='" + seccion + "']").fadeTo(200, 0.25);
                $("li.portada[seccion!='" + seccion + "']").bind('click', disableLink);
                $("li.portada[seccion!='" + seccion + "'] a").addClass('nohover');
            }
        }
    });
});