window.addEvent('domready', function() {
    var list = $$('div.module-jsm li');
    list.each(function(element) {
        if ($(element).getElement('ul')) {
            el = $(element).getElement('ul')
            var fx = new Fx.Styles(el, {duration:200, wait:false, transition: Fx.Transitions.Expo.easeOut});
            el.setStyle('opacity', 0);
            element.addEvent('mouseenter', function(){
                fx.clearChain();
                fx.element.setStyle('left', 'auto');
                fx.start({'opacity': 1});
            });
            element.addEvent('mouseleave', function(){
                fx.clearChain();
                fx.start({'opacity': 0}).chain(function(){fx.element.setStyle('left', '-999em');});
            });
            var lista = $(el).getElements('li');
            lista.each(function(element) {
                element.setStyle('opacity', 0.8);
                var lifx = new Fx.Styles(element, {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
                element.addEvent('mouseenter', function(){
                    lifx.start({'opacity': 1});
                });
                element.addEvent('mouseleave', function(){
                    lifx.start({'opacity': 0.8});
                });                
            });            
        }     
    });
});

