window.addEvent('domready', function(){
									 
	//First Example
	var el = $('mainMenu'),
		color = el.getStyle('backgroundColor');
		height = el.getStyle('height');
	
	// We are adding two events
	$('menuTrigger').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			document.getElementById("mainMenu").morph({
				'height': '220px',
				'background-image': 'url(fileadmin/templates/images/grey.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			document.getElementById("mainMenu").morph({
				'height': '100px',
				'background-image': 'url(fileadmin/templates/images/grey.jpg)'
			});
		}
	});
	
	$(document.body).getElements('.item.layer0').addEvents({
    'mouseenter': function(){
        this.getElements('.menu')[0].style.visibility="visible";
    },
    'mouseleave': function(){
        this.getElements('.menu')[0].style.visibility="hidden";
    }
	});


	
	
});