// JavaScript Document
window.addEvent('domready', function() {
var list = $$('div#nav li');
list.each(function(element) {
if ($(element).getElement('ul')) {
el = $(element).getElement('ul')
var fx = new Fx.Styles(el, {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
el.setStyle('position', 'absolute');
el.setStyle('left', 0);
el.setStyle('top', 0);
el.setStyle('opacity', 0);
el.setStyle('display', 'none');
element.addEvent('mouseenter', function(){
fx.clearChain();
fx.element.setStyle('display', 'block');
fx.start({'left': 0,'opacity': 1});
});
element.addEvent('mouseleave', function(){
fx.clearChain();
fx.start({'left': 0,'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:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
element.addEvent('mouseenter', function(){
lifx.start({'opacity': 1});
});
element.addEvent('mouseleave', function(){
lifx.start({'opacity': 1});
});				
});			
}	 
});
});