// Déplacement des images
function go(){		
	
	// valeur de déplacement selon la position
	if(delai < 3) newval = 30 ;
	else if(delai < 6) newval = 25 ;
	else if(delai < 9) newval = 20 ;
	else if(delai < 12) newval = 15 ;
	else if(delai < 15) newval = 10 ;
	else if(delai < 18) newval = 8 ;
	else if(delai < 21) newval = 6 ;
	else if(delai < 24) newval = 4 ;
	else if(delai < 27) newval = 2 ;
	else newval = 1 ;
	newval = 5 ;
	// à droite ou gauche
	if(val == -1) newval = -newval ;
	// on déplace		
	for(i=0 ; i!=nbImages ; i++){
		lf = parseInt(tab[i].style.left);
		w = tab[i].width;		
		tab[i].style.left = lf - newval + "px";		
		if(lf > pos-w){			
			tab[i].style.left = lf - pos + "px"
		};
		if(lf < W-pos){
			tab[i].style.left = lf + pos + "px"
		};
	}
	// on boucle
	myCmd = 'go();';
	timer = setTimeout(myCmd, delai);
}

function animatePressRoom(){
	
	// Variables	
	tab = new Array();
	pos = 0;
	val = 0;
	oui = true;	
	
	// Variables paramétrables
	M = 0; // marge de gauche de la boîte à images
	W = 917; // largeur de la boîte à images (forcément supérieure à la somme des largeurs des images)
	H = 265; // hauteur de la boîte à images
	delai = Math.round(W/4); // le délai initial est d'un quart de la largeur de la boîte
	
	// Création de la boîte
	c = $('container');	
	c.style.width = W + "px";	
	dec = document.body.clientWidth/2; // position horizontale au centre de la boîte
	
	// Création du tableau d'images
	nbImages = parseInt($('nbCouv').innerHTML);
	for(i=0 ; i!=nbImages ; i++){		
		tab[i] = $("image" + i); 		
	}
	
	
	
	// Vitesse et sens
	function speed(e){		
		el = (!e) ? event.clientX : e.pageX;	
		if(el >= dec){
			delai = (W/2-(el-dec)) / 10;		
			val = 1; // val=déplacement		
		}
		else{
			delai = (W/2-(dec-el)) / 10;
			val = -1;  // val=déplacement		
		};		
	}
	
	// evenement mousemove : on modifie la vitesse
	Event.observe("container", "mousemove", speed);
	
	// evenement mouseout ; on stoppe le script
	Event.observe("container", "mouseout", function(){
		if(oui){
			clearTimeout(timer);
			oui = false;			
		}														
	});
	
	// evenement mouseover : on lance le script
	Event.observe("container", "mouseover", function(){		
		if(!oui){
			go();
			oui = true;
		}													
	});
	
	// Pevenement click : pause / relance du script / activation des liens
	Event.observe("container", "click", function(){
		if(oui){
			clearTimeout(timer);
			oui = false;			
		}
		else{
			go();
			oui = true;     
		};
	});	
	
	for(i=0 ; i!=nbImages ; i++){
		pos = pos + 38;
		tab[i].style.left = pos + "px";
		tab[i].style.top = "1px";		
		tab[i].style.display = "inline";		
		pos+= tab[i].width;
	}	
	go();	
		
}

Event.observe(window, "load", manage);

function manage(){
	
	if($('container')){
		animatePressRoom();
	}
	
	if($('home')){		
		new Effect.Appear('titrehome', { duration: 2 });	
	}
	
	if($$('.foulard')){
		$$('.foulard').each(function(foulard){
			Event.observe($(foulard), "mouseover", function(ev){		
				pos = Event.element(ev);
				while(!$(pos).hasClassName('foulard'))
					pos = $(pos).ancestors()[0];
				
				idFoulard = $(pos).classNames().entries()[1].split('_')[1];				
				$$('.view_'+idFoulard).each(function(f){					
					$(f).show();
				});
				
				
			});
			Event.observe($(foulard), "mousemove", function(ev){
																			
				posSourisLeft = Event.pointerX(ev);
				posSourisTop = Event.pointerY(ev);
				
				pos = Event.element(ev);
				while(!$(pos).hasClassName('foulard'))
					pos = $(pos).ancestors()[0];
				
				idFoulard = $(pos).classNames().entries()[1].split('_')[1];
				
				//partie gauche ou droite
				num = parseInt($(pos).classNames().entries()[2].split('_')[1]);	
				if(num <= 4) posLeft = (posSourisLeft+30)+'px';
				else posLeft = (posSourisLeft-425)+'px';
				posTop = (posSourisTop-235)+'px';
				
				
				$$('.view_'+idFoulard).each(function(f){					
					$(f).setStyle({top: posTop, left: posLeft});
				});
				
			});
			
			Event.observe($(foulard), "mouseout", function(ev){
				$$('.produitview').each(function(produitview){
					$(produitview).hide();									  
				});
			});
			
		});
	}
	
}