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

	// We are setting the opacity of the element to 0.5 and adding two events
	$$('div.mouseElementContainer').each(function(el){
		var rollOver = el.getElement('.mouseElement');
		rollOver.set('morph', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
		el.addEvents({
			mouseenter: function(){
				// This morphes the opacity and backgroundColor
				rollOver.morph({
					'opacity': 0
					//'margin-top': '150px'
				});
			},
			mouseleave: function(){
				// Morphes back to the original style
				rollOver.morph({
					'opacity': 1
					//'margin-top': '-150px'
				});
			}
		});
	});

	
});