window.addEvent('domready', function(){
									 
	//First Example
	var el = $('mainMenu');
		height = el.getStyle('height');
	
	// We are adding two events
	$('menuTrigger').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			document.getElementById("mainMenu").morph({
				'height': '350px'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			document.getElementById("mainMenu").morph({
				'height': '98px'
			});
		}
	});

	$(document.body).getElements('.item.layer0').addEvents({
    'mouseenter': function(){
        this.getElements('.menu')[0].style.visibility="visible";
    },
    'mouseleave': function(){
        this.getElements('.menu')[0].style.visibility="hidden";
    }
});

	
});