var jq = jQuery.noConflict();
    jq(window).load(function()
{
	s = new slider ("#galerie");
});

var slider = function (id)
{
	this.div = jq(id);
	var self = this;
	this.slider = jq("div").find(".slider");
	this.saut = this.div.width();
	this.prec = this.div.find(".prec");
	this.suiv = this.div.find(".suiv");
	this.loading = this.div.find(".loading");
	this.enCours = 1; //vaut 1 quand le slider fonctionne
	this.largeur = 0;
	// partie sur le defilement des boutons
	this.sautBoutton = 132;
	this.positionActuelleBoutton = 0;
	this.buttonList = this.div.find(".buttonList");
	
	/* *** */
	/* ancien fonctionnel sur <a> sans les imbrications de <div> pour séparer */
	/*
	this.div.find("a").each(function()
	{
		self.largeur+=$(this).width();
		self.largeur+=parseInt($(this).css("padding-left"));
		self.largeur+=parseInt($(this).css("padding-right"));
		self.largeur+=parseInt($(this).css("margin-left"));
		self.largeur+=parseInt($(this).css("margin-right"));
	});
	*/
	/* *** */
	/* Test avec les imbrications */
	/* DEBUT TEST */
	this.largeur=3*409; // IMPORTANT limite à 3 le nombre de produits
	/* FIN TEST */
	this.nbEtapes = Math.ceil(this.largeur/this.saut);
	//alert(this.largeur);
	this.positionActuelle = 0;
	function suivant()
	{
		if(self.positionActuelle==self.nbEtapes-1)
		{
			self.positionActuelle=0;
			self.positionActuelleBoutton=0;
		}
		else { self.positionActuelle++; self.positionActuelleBoutton++; }
		self.slider.animate(
		{
			left : -self.positionActuelle*self.saut
		},1000);
		self.buttonList.animate(
		{
			left : -self.positionActuelle*self.sautBoutton
		},0);
	}
	this.suiv.click(function()
	{
		if (self.enCours == 1) // on agit sur le mouvement uniquement si le slider est en marche
		{
			clearInterval(self.defilement);
			self.defilement = (setInterval(suivant,4000));
		}
		if(self.positionActuelle==self.nbEtapes-1)
		{
			self.positionActuelle=0;
			self.positionActuelleBoutton=0;
		}
		else { self.positionActuelle++; self.positionActuelleBoutton++; }
		self.slider.animate(
		{
			left : -self.positionActuelle*self.saut
		},0);
		self.buttonList.animate(
		{
			left : -self.positionActuelle*self.sautBoutton
		},0);
	});
	this.prec.click(function()
	{
		if (self.enCours == 1) // on agit sur le mouvement uniquement si le slider est en marche
		{
			clearInterval(self.defilement);
			self.defilement = (setInterval(suivant,4000));
		}
		if(self.positionActuelle==0)
		{
			self.positionActuelle=self.nbEtapes-1;
			self.positionActuelleBoutton=self.nbEtapes-1;
			self.slider.animate(
			{
				left:-self.positionActuelle*self.saut
			},0);
		}
		else 
		{
			self.positionActuelle--;
			self.positionActuelleBoutton--;
			self.slider.animate(
			{
				left:-self.positionActuelle*self.saut
			},0);
		}
		self.buttonList.animate(
		{
			left:-self.positionActuelle*self.sautBoutton
		},0);
	});
	this.defilement = (setInterval(suivant,4000));
	//mettre en pause le slider
	this.loading.click(function()
	{
		if (self.enCours == 1)
		{
			clearInterval(self.defilement);
			// on met l'icone sur pause
			self.loading.animate(
			{
				left:-17
			},0);
		} else
		{
			self.defilement = (setInterval(suivant,4000));
			// on met l'icone en marche
			self.loading.animate(
			{
				left:0
			},0);
		}
		self.enCours= 1 - self.enCours;
		
	});
}