/* Menu de categorias. No cambiar los nombres */

function LinkarEventosCat(sender, args) {
    // Obtenemos todos los elementos de la clase itemCat
    // para modificar las propiedades de cuando se pasa por encima
    var els = $$("tr.itemCat");
    els.each(function(el) {
        var elLink = el.getElement('input');
        var colorLink = elLink.getStyle('color');
        var colorBgOut = $("h_slideout").getStyle('background-color');
        el.set('morph', { duration: '100' });
        elLink.set('morph', { duration: '150' });

        // Añadimos un efecto cuando pasamos por encima
        // al fondo y al link de la categoría
        el.addEvents({
            mouseenter: function() {
                el.morph({ 'background-color': colorLink });
                elLink.morph({ 'color': '#FFFFFF' });   // Las letras siempre en blanco
            },
            mouseleave: function() {
                el.morph({ 'background-color': colorBgOut });
                elLink.morph({ 'color': colorLink });
            }
        });
    }, this);
}

// Mueve el elemento h_slideout del menú
function deslizarMenu() {
    (new Fx.Slide('h_slideout', { mode: 'horizontal', duration: 300 })).hide().slideIn();
}