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

    var menutops = $$('.menutop');

    menutops.each(function(el){

        var myEffect = new Fx.Morph(el, {duration: 500, link: 'cancel', transition: Fx.Transitions.Cubic.easeOut});

        // The same as before: adding events
        el.addEvents({
            'mouseenter': function(e){
				myEffect.start({
				    'top': '-10px',
					'opacity': ['0.5', '1']
				});
            },
            'mouseleave': function(e){
//                var randomNumber = Math.floor(Math.random()*(20) + 1) - 40;
                var randomNumber = -25;

				myEffect.start({
				    'top': randomNumber + 'px',
					'opacity': 1
				});

            },
            'click': function(){
                el.removeEvents('mouseenter');
                el.removeEvents('mouseleave');
            }
        });
    });
    
    
});