window.addEvent('domready', function()
{
	if(document.getElementById('img_intro_1') && document.getElementById('img_intro_2') && document.getElementById('img_intro_3'))
	{
		var transmission = 'expo:in';
		var the_duration = 3500;
	
		var eff_intro_1 = new Fx.Morph('img_intro_1', {duration: the_duration, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
		
			$('img_intro_3').setStyle('z-index', '3');
			$('img_intro_2').setStyle('z-index', '2');
			$('img_intro_1').setStyles({'z-index': '1', 'visibility' : 'visible', 'opacity' : '1'});
		
			eff_intro_3.start({
			opacity: [1, 0]
			});
		}});
		var eff_intro_2 = new Fx.Morph('img_intro_2', {duration: the_duration, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
		
			$('img_intro_3').setStyle('z-index', '2');
			$('img_intro_2').setStyles({'z-index': '1', 'visibility' : 'visible', 'opacity' : '1'});
			$('img_intro_1').setStyle('z-index', '3');
		
			eff_intro_1.start({
			opacity: [1, 0]
			});
		}});
		var eff_intro_3 = new Fx.Morph('img_intro_3', {duration: the_duration, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
		
			$('img_intro_3').setStyles({'z-index': '1', 'visibility' : 'visible', 'opacity' : '1'});
			$('img_intro_2').setStyle('z-index', '3');
			$('img_intro_1').setStyle('z-index', '2');
		
			eff_intro_2.start({
			opacity: [1, 0]
			});
		}});
		
		eff_intro_3.start({
			opacity: [1, 0]
		});
	}
	
});