var domain = "http://akitourne/CW/~preprojet/06maquette/"

var cycle = false;
var interval='';

$(document).ready(function() {
	onglet();	
 });
 
 
 function onglet(){
	$(".test").hrzAccordion({
	eventTrigger:"click",
	openEaseAction: "swing",
	closeEaseAction: "swing",
	closeOpenAnimation: 1,
	openOnLoad:"1",
	openSpeed: 500,
	closeSpeed: 500,
	handlePositionArray: "left,left,left,left,left",
	cycle: cycle,
	
	
	/*fonction se faisant au click.*/
	/*--------------------------------------------------------------------------------------------------*/
	
	//"i" étant l'élément sur lequel on click.
	eventAction: function(i){
	// this.settings.cycle =false;
	//déclaration de la variable tete à 0.
	var tete=0;
	//Test pour voir si l'élément ".img i+1" (i commencant à 0) a la classe "droite".
	if($('.img'+(i+1)).hasClass('droite')){
	//pour x = 0 jusque x = 4 en l'incrémentant de 1 (gauche à droite).
		for(x=0; x<5; x++){
	//test pour voir si l'élément ".img i+1" a la classe droite et si la variable tete = 0.
		if($('.img'+(x+1)).hasClass('droite') && tete==0){
	//tete = x + 1		
			tete =x+1;
		}	
	}
	//sinon
	}else{
	//pour x = 5 jusque x = 1 en diminuant x de 1 en allant de droite à gauche.
		for(x=5; x>0; x--){
	//test pour voir si l'élément ".img x" à la classe gauche et que la tete = 0.
		if($('.img'+(x)).hasClass('gauche')&& tete==0){
	//tete = x.
			tete = x;
		}	
	}
	}
	
	/*déplacement de droite à gauche.*/
	/*--------------------------------------------------------------------------------------------------------*/
	
	//pour x =0 jusque x = 4 en l'incrémentant de 1.
		for(x=0; x<5; x++){
	//déclaration de la variable url => attribut rel de la classe ".img". (pour chaque .img)
	//x + i car les classe img1,2,3,4,5 commencent par 1 et non 0 (valeur initiale du x).
		var url= $('.test .img'+(x+1)).parent('a').attr('rel');
		
	//si x <= à i et que x est différent de 4 (dernier onglet qui doit rester à droite).	
			if(x<=i && x!=5) {
	//on enleve la classe droite à ces éléments
				$('.test .img'+(x+1)).removeClass('droite');
	//on ajoute la classe gauche à ces éléments.
				$('.test .img'+(x+1)).addClass('gauche');
	//déclaration de la variable url1 permettant de modifier l'image de l'élément en faisant un substring afin de 
	//casser la chaine de caractere et insérer "gauche" ou "droite" et ensite mettre l'extension afin de
	//changer la source sans l'écraser.
				var url1 = url.substring(0,url.length-4)+'_gauche'+url.substring(url.length-4, url.length);
	//on met "url1" dans la source de l'image.
				$('.test .img'+(x+1)).attr('src', url1);
				}
	/*Déplacement de gauche à droite*/		
	/*------------------------------------------------------------------------------------------------------------------*/
	
	//Sinon si x est plus grand que 0.
			else if(x>0){
	//On enlève la classe "gauche" aux éléments.
				$('.test .img'+(x+1)).removeClass('gauche');
	//On ajoute la classe "droite" aux éléments.
				$('.test .img'+(x+1)).addClass('droite');
	//Déclaration de la variable url2 tout comme la varible url1
				var url2 = url.substring(0,url.length-4)+'_droite'+url.substring(url.length-4, url.length);
	//on met "url2" dans la source de l'image.
				$('.test .img'+(x+1)).attr('src', url2);
			} /*else{
				$('.test .img'+(x+1)).addClass('droite');
			}*/
		}
	//Supprime la classe gauche et droite de l'élément ".img+tete" car c'est celui dont le fond doit être blanc lors du déplacement.	
		$('.test .img'+tete).removeClass('droite');
		$('.test .img'+tete).removeClass('gauche');
		
	},
	
	/*Fonction une fois le switch terminé*/
	/*----------------------------------------------------------------------------------------------------------------------*/
	
	completeAction: function(i){
		
	//Pour x = 0 jusque x = 4 en l'incrémentant de 1.
		for(x=0; x<5; x++){
	//si x est <= i.
			if(x<=i){
			
	//Enleve la classe "droite" et on ajoute la classe "gauche" afin qu'ils prennent le bon background.
			$('.test .img'+(x+1)).removeClass('droite');
			$('.test .img'+(x+1)).addClass('gauche');
			}
	//sinon	
			else{
	//Enleve la classe "gauche" et on ajoute la classe "droite" afin qu'ils prennent le bon background.
			$('.test .img'+(x+1)).removeClass('gauche');
			$('.test .img'+(x+1)).addClass('droite');
			}
	}
	}
	});
	
}