window.addEvent('domready', function() {

    var navigation = $$('.mod_navigation')[0];
    var navElements = navigation.getElements('li.submenu');

    navElements.each(function(li){
        var ul = li.getElement('ul');

        if(ul)
        {
            ul.setStyles({
                margin: '-23px 0 0 180px',
                position: 'absolute',
                zIndex: 1
            }).addClass('dropout').setStyle('opacity', 0);

            var fx = new Fx.Morph(ul, {
                duration: 200,
                wait: false
            });
            li.addEvents({
                mouseover: function(){
                    fx.start({
                        margin: '-23px 0 0 200px',
                        opacity: 0.9
                    });
                },
                mouseout: function(){
                    fx.start({
                        margin: '-23px 0 0 180px',
                        opacity: 0
                    });
                }             
            });
        }
    });
    
});