window.addEvent('domready', function() {
	var myFx;
	
	$$('.navigation-main ul.level_1 li.submenu').addEvents({
    'mouseenter': function(){
    	var ul = this.getElement('ul.level_2');
    	if (ul == null)
    		return;
    	ul.setStyle('overflow','');
    	ul.setStyle('height','');
    	ul.setStyle('left','-9999px');
    	ul.setStyle('display','block');
    	var ul_size = ul.getSize();
    	ul.setStyle('left','190px');
    	ul.setStyle('overflow','hidden');
    	if (myFx)
    		myFx.cancel();
    	myFx = new Fx.Morph(ul,{'duration':400});
    	myFx.complete = function() {
    		var ul = this.element;
	    	ul.setStyle('overflow','');
	    	ul.setStyle('height','');
    	};
    	myFx.start({
    		'height' : [0,ul_size.y-2],
    		'margin-bottom' : [ul_size.y-2,0]
    	});
    },
    'mouseleave' : function() {
    	var ul = this.getElement('ul.level_2');
    	if (ul == null)
    		return;
    	ul.setStyle('overflow','');
    	ul.setStyle('height','');
    	ul.setStyle('display','none');
    }});
});