window.addEvent('domready', function() {
    var list = $$('div#user3 li');
    list.each(function(element) {
        if ($(element).getElement('ul')) {
            el = $(element).getElement('ul')
            var fx = new Fx.Styles(el, {duration:250, 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', 1);
                var lifx = new Fx.Styles(element, {duration:1000, wait:false, transition: Fx.Transitions.Expo.easeOut});
                element.addEvent('mouseenter', function(){
                    lifx.start({'opacity': 1});
                });
                element.addEvent('mouseleave', function(){
                    lifx.start({'opacity': 1});
                });                
            });            
        }     
    });
});
