// ist der DOM bereits geladen?
window.addEvent('domready', function() {
var list = $$('div.moduletable-main li');
list.each(function(element) {
if ($(element).getElement('ul')) {		
el = $(element).getElement('ul')
var fx = new Fx.Styles(el, {duration:600, wait:false, transition: Fx.Transitions.linear});
el.setStyle('display', 'none');
el.setStyle('opacity', 0);
element.addEvent('mouseenter', function(){
fx.clearChain();
fx.element.setStyle('display', 'block');
fx.start({'opacity': 0.9 });
});
element.addEvent('mouseleave', function(){
fx.clearChain();
fx.start({'opacity': 0 }).chain(function(){fx.element.setStyle('display', 'none');});
});
}     
});
var list = $$('div.moduletable-top li');
list.each(function(element) {
if ($(element).getElement('ul')) {		
el = $(element).getElement('ul')
var fx = new Fx.Styles(el, {duration:900, wait:false, transition: Fx.Transitions.linear});
el.setStyle('opacity', 0);	
element.addEvent('mouseenter', function(){
fx.clearChain();
fx.element.setStyle('display', 'block');
fx.start({'opacity': 0.9 });
});
element.addEvent('mouseleave', function(){
fx.clearChain();
fx.start({'opacity': 0 }).chain(function(){fx.element.setStyle('display', 'none');});
});
}     
});
});