window.addEvent('domready', function(){
	//First Example
	var el = $('myElement'),
		color = el.getStyle('backgroundColor');
	var side = $('myAlternate'),
		color = side.getStyle('backgroundColor');		
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('myAlternate').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('myAlternate').morph({
				'opacity': 1,
				'background-color': '#4e2c49'
			}); 

		},
		mouseleave: function(){
			// Morphes back to the original style
			$('myAlternate').morph({
				opacity: 0.5,
				backgroundColor: color
			});

		}
	});	
	$('myElement').set('opacity', 0.9).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('myElement').morph({
				'opacity': 1,
				'background-color': '#999999'
			}); 

		},
		mouseleave: function(){
			// Morphes back to the original style
			$('myElement').morph({
				opacity: 0.9,
				backgroundColor: color
			});

		}		
			});
	
		
	});