window.addEvent('domready', function(){
	
	var flag = false;
	idRound = 1;
	tab = new Array('faceHome', 'bodyHome', 'footHome', 'handHome');
	var child = $('listLinkSlideHome').getChildren('div');
	imageIdAuto = null;
	
	$$('#listLinkSlideHome p').each(function(text){
		text.fade('hide');
		$('faceHomeText').fade(1);
	});
	
	child.each(function(element){
		
		var imageId = element.get('id');

		element.addEvent('mouseenter', function(){
												
			idRound = tab.indexOf(imageId)+1;
			
			//////////////////////////////
			//			Reduce			//
			//////////////////////////////
			if(imageIdAuto != null){
				var fadeOutEnter = new Fx.Morph($(imageIdAuto+'Text'), {duration: 100});
				var lessEnter = new Fx.Morph($(imageIdAuto), {duration: 100});
				
				fadeOutEnter.start({
					'opacity': 0
				});
				
				lessEnter.start({
					'width': '50px',
					'height': '50px',
					'margin-top': '0px',
					'margin-left': '0px'
				});
			}		
			
			
			//////////////////////////////
			//			Grow			//
			//////////////////////////////
			var fadeOut = new Fx.Morph($(imageId+'Text'), {duration: 100});
			var grow = new Fx.Morph($(imageId), {duration: 100});
			
			fadeOut.start({
				'opacity': 1
			});
			//Slide des tableaux
			grow.start({
				'width': '80px',
				'height': '80px',
				'margin-top': '-30px',
				'margin-left': '-10px'
			});	
	
			var slideHome = new Fx.Morph($('slideImageHome'), {duration: 400, transition: Fx.Transitions.Sine.easeOut});
			
			marginLeft = element.get('rel');
			//Slide des tableaux
			slideHome.start({
				'margin-left': marginLeft+'px'
			});
			flag = true;
		});	
		
		element.addEvent('mouseleave', function(){
			var fadeOut = new Fx.Morph($(imageId+'Text'), {duration: 100});
			var grow = new Fx.Morph($(imageId), {duration: 100});
			
			fadeOut.start({
				'opacity': 0
			});
			
			fadeOut.addEvent('complete',function(){
				//Slide des tableaux
				grow.start({
					'width': '50px',
					'height': '50px',
					'margin-top': '0px',
					'margin-left': '0px'
				});
			});
			flag = false;
		});								 
	});
	
	
	///////////////////////////////////				
	//          Slide auto           //		
	///////////////////////////////////
	var slideAuto = function(){
		if(!flag){
			
			var myEffects = new Fx.Morph($('slideImageHome'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});
			var margin = $('slideImageHome').getStyle('margin-left').toInt();
			margin = margin - 440;
			if(margin < 3 * -440) {
				margin = 0;
			}
			myEffects.start({
				'margin-left': margin
			});
			
			imageIdAuto = tab[idRound];
			if(idRound == 0){
				var imageIdAutoBefore = tab[3];			
			}else{
				i = idRound-1;
				var imageIdAutoBefore = tab[i];
			}
			
			
			//////////////////////
			//		Less		//
			//////////////////////
			var fadeOutAuto = new Fx.Morph($(imageIdAutoBefore+'Text'), {duration: 100});
			var lessAuto = new Fx.Morph($(imageIdAutoBefore), {duration: 100});
			
			fadeOutAuto.start({
				'opacity': 0
			});
			
			lessAuto.start({
				'width': '50px',
				'height': '50px',
				'margin-top': '0px',
				'margin-left': '0px'
			});
			
			//////////////////////
			//		Grow		//
			//////////////////////
			var fadeInAuto = new Fx.Morph($(imageIdAuto+'Text'), {duration: 100});
			var growAuto = new Fx.Morph($(imageIdAuto), {duration: 100});
			
			fadeInAuto.start({
				'opacity': 1
			});
			//Slide des tableaux
			growAuto.start({
				'width': '80px',
				'height': '80px',
				'margin-top': '-30px',
				'margin-left': '-10px'
			});	
			
			if(idRound < 3){
				idRound = idRound+1;
			}else{
				idRound = 0;	
			}
		}
	};
	
	var periodic = slideAuto.periodical(2500);
	
	$$('#listLinkSlideHome div').each(function(el){
		el.addEvent('mouseleave', function(){
			flag = false;
		});								  
	});
});

//Slide home
function slide(marginLeft){

	var slideHome = new Fx.Morph($('slideImageHome'), {duration: 400, transition: Fx.Transitions.Sine.easeOut});
	
	//Slide des tableaux
	slideHome.start({
		'margin-left': marginLeft+'px'
	});
	
}