window.addEvent('domready', function() {
	var el1 = $('homeLeftDynamic1');
	var el2 = $('homeLeftDynamic2');
	var el3 = $('homeLeftDynamic3');
	var el4 = $('homeLeftDynamic4');
	var el5 = $('homeLeftDynamic5');
		el1.fade(1);
		el2.fade(0);
		el3.fade(0);
		el4.fade(0);
		el5.fade(0);

	// MooTools is able to handle effects without the use of a wrapper,
	// so you are able to do effects with just one easy line.
	
	//FIRST EXAMPLE
	
	// There are different ways to add a fading opacity effect to an element click
	
	// Short version
	//$('fadeOpacity').addEvent('mouseover', el.fade.bind(el, [0]));
	
	$('fadeOpacity1').addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(1);
		el2.fade(0);
		el3.fade(0);
		el4.fade(0);
		el5.fade(0);
		
	});
	
	//
	$('fadeOpacity2').addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(0);
		el2.fade(1);
		el3.fade(0);
		el4.fade(0);
		el5.fade(0);
		
	});
	//
	$('fadeOpacity3').addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(0);
		el2.fade(0);
		el3.fade(3);
		el4.fade(0);
		el5.fade(0);
		
	});
	//
	$('fadeOpacity4').addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(0);
		el2.fade(0);
		el3.fade(0);
		el4.fade(1);
		el5.fade(0);
		
	});

	//
	$('fadeOpacity5').addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(0);
		el2.fade(0);
		el3.fade(0);
		el4.fade(0);
		el5.fade(1);
		
	});

	
});