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

	var el = $('myElement'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.8 and adding two events
	$('myElement').set('opacity', 0.8).addEvents({
		mouseenter: function(){

			this.morph({
				'opacity': 1,
				'background-color': '#FFFFFF'
			});
		},
		mouseleave: function(){

			this.morph({
				opacity: 0.8,
				backgroundColor: color
			});
		}
	});


	
	$('myOtherElement').addEvents({
		'mouseenter': function(){

			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut 
			}).tween('height', '150px');
		},
		'mouseleave': function(){

			this.set('tween', {}).tween('height', '20px');
		}
	});
});