/* @UK PLC Stage - 31/03/2009
Very simple div fade out effects using Mootools 1.2 */

window.addEvent('domready', function() {
	var screen1 = $('screen1');
	var screen2 = $('screen2');
	var screen3 = $('screen3');
	var screen4 = $('screen4');
	var screen5 = $('screen5');
		
	$('tab1').addEvent('mouseover', function(e) {
		e.stop();
		screen1.fade(1);
		screen2.fade(0);
		screen3.fade(0);
		screen4.fade(0);
		screen5.fade(0);
	});
	
	$('tab2').addEvent('mouseover', function(e) {
		e.stop();
		screen2.fade(1);
		screen1.fade(0);
		screen3.fade(0);
		screen4.fade(0);
		screen5.fade(0);
	});
	
	$('tab3').addEvent('mouseover', function(e) {
		e.stop();
		screen3.fade(1);
		screen1.fade(0);
		screen2.fade(0);
		screen4.fade(0);
		screen5.fade(0);
	});
	
	$('tab4').addEvent('mouseover', function(e) {
		e.stop();
		screen4.fade(1);
		screen1.fade(0);
		screen2.fade(0);
		screen3.fade(0);
		screen5.fade(0);
	});
	
	$('tab5').addEvent('mouseover', function(e) {
		e.stop();
		screen5.fade(1);
		screen1.fade(0);
		screen2.fade(0);
		screen3.fade(0);
		screen4.fade(0);
	});
	
})