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

    

    var list = $$('.level1 li');

    

    list.each(function(element) {

        

          

        var fx = new Fx.Morph(element.getElement('ul.level2'), {duration:800, wait:false, transition: Fx.Transitions.Expo.easeIn});

         

        element.addEvent('mouseenter', function(){

            fx.start({

                'margin-left': 0,

                'margin-top': 0

            });

        });

     

        element.addEvent('mouseleave', function(){

			fx.start({

				'margin-left': -250,

				'margin-top': 0

			});	 

        });

 

    });

});