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'
			});
		}
	});

	
	
});