// JavaScript Document by Christophe Molina for khelios "slide ajax mootools v1"

window.addEvent('domready', function(){
			
		var list = $$('#slogan');   																													// Slogan slide logo
		list.each(function(element) {	var sfx = new Fx.Styles(element, {duration:1000, wait:false,transition: Fx.Transitions.Bounce.easeOut});
																	
			var list = $$('.logo');   																													// Logo centrale slide
			list.each(function(element) { var fx = new Fx.Styles(element, {duration:3000, wait:false,transition: Fx.Transitions.Elastic.easeOut}); 
																 
				element.addEvent('mouseenter', function(){ fx.start({'height': '140px'}); sfx.start.delay(600, sfx,{'top': '15px','opacity' : '1'});// Survole
				});	
				element.addEvent('mouseleave', function(){ fx.start({'height': '108px'}); sfx.start({'top': '-150px','opacity' : '0'});				// Sorti du survole
				});
			});
		});
		
			
			var list = $$('#marimage');   																												// Marimage slide
			list.each(function(element) { var efx = new Fx.Styles(element, {duration:800, wait:false,transition: Fx.Transitions.Expo.easeOut}); 
																  
				element.addEvent('mouseenter', function(){ efx.start({'height': '250px','top': '0px'});								// Survole
				});
				element.addEvent('mouseleave', function(){ efx.start({'height': '220px','top': '-182px'});							// Sorti du survole
				});
			});
			
			
		var list = $$('#lstudio');   																													// Studio slide logo
		list.each(function(element) {	var nfx = new Fx.Styles(element, {duration:1000, wait:false,transition: Fx.Transitions.Expo.easeOut});
																	
			var list = $$('#studio');   																												// Studio slide windows
			list.each(function(element) {	var dfx = new Fx.Styles(element, {duration:500, wait:false,transition: Fx.Transitions.Back.easeOut});
																	
				element.addEvent('mouseenter', function(){ dfx.start({'bottom': '0px'}); nfx.start.delay(20, nfx, {'top': '0px'	}); 	// Survole
				});
				element.addEvent('mouseleave', function(){ dfx.start({'bottom': '-185px'}); nfx.start({'top': '-70px'});				// Sorti du survole
				});
			});
		});
		
		
		var list = $$('#lassist');   																													// Assistance slide logo
		list.each(function(element) {	var nfx = new Fx.Styles(element, {duration:1000, wait:false,transition: Fx.Transitions.Expo.easeOut});
																	
			var list = $$('#assistance');   																											// Assistance slide windows
			list.each(function(element) {	var dfx = new Fx.Styles(element, {duration:500, wait:false,transition: Fx.Transitions.Back.easeOut});
																	
				element.addEvent('mouseenter', function(){ dfx.start({'bottom': '0px'}); nfx.start.delay(20, nfx, {'top': '0px'	}); 	// Survole
				});
				element.addEvent('mouseleave', function(){ dfx.start({'bottom': '-185px'}); nfx.start({'top': '-70px'});				// Sorti du survole
				});
			});
		});
});

//les transitions peuvent etre diferentes en remplacant par Bounce.easeOut ou Back.easeOut Elastic.easeOut ou Expo.easeOut
//La durée aussi peux etre modifié