/*window.addEvent('domready', function() {
var list = $$('div.module-vert li');
list.each(function(element) {
if ($(element).getElement('ul')) {
el = $(element).getElement('ul')
var fx = new Fx.Styles(el, {duration:100, wait:false, transition: Fx.Transitions.Expo.easeOut});
el.setStyle('left', 0);
el.setStyle('margin-left', 200);
el.setStyle('opacity', 1);
el.setStyle('display', 'none');
element.addEvent('mouseenter', function(){
fx.clearChain();
fx.element.setStyle('display', 'block');
fx.start({'margin-left': 200,'opacity': 1});

});
element.addEvent('mouseleave', function(){
fx.clearChain();
fx.start({'margin-left': 200,'opacity': 0}).chain(function(){fx.element.setStyle('display', 'none');});
});
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});
});				
});			
}	 
});
});*/

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