window.addEvent('domready', function() {
	
	
	//var el = $$('.rollover');

	
	// 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
	
	// Long version
	$each($$('.ghosted'), function(e, x){
		var el = null;
		e.addEvent('mouseover', function(e2) {
			$each($$('.ghosted .rollover'), function(e11, x1){
				if (x == x1)
				el = e11;			
			});
			e2.stop();
			el.fade(1);
			el.setStyle('z-index', '150');
		});
		e.addEvent('mouseout', function(e3) {
			$each($$('.ghosted .rollover'), function(e11, x1){
				if (x == x1)
				el = e11;			
			});
			e3.stop();
			el.fade(0);
		});
	});
});