/*fonction de vérification js bien chargé*/
$(document).ready(function(){

s= new slider("#featured_slider"); /* Initialisation de l'objet*/
});

var slider = function (id){/* var slider qui sera une fonction qui prend en paramètre la div sur laquelle on veut mettre le slider on va l'appeler id*/
	var self = this
	/*création de var pour faire fonctionner le slider puis 1ere chose stocker div sur laquelle on travaille*/
	this.div = $(id); /*on pourra récupérer ds la fonction this.div et on sera que ca sera slider-contenu*/
	/*pour voir tout ce que contient la div alert(this.div.html())*/

	this.slider=this.div.find(".slider-contenu-block"); /*créer var slider*/
	this.largeurCache = this.div.width();/*récup de sa largeur de la div*/
	/*alert(this.largeurCache); pour voir la largeur 675*/

	this.largeur=0;
	this.div.find(".slider-contenu-block").each(function(){
	/*pour compter le nombre de fois qu'il trouve le nbre de blcok slider contenu block self.largeur+=1;}); alert(this.largeur);*/
	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"));
	}); 
 /*additionner la largeur de l'élément puis self.largeur+=1;}); alert(this.largeur); pour voir la somme des largeurs*/
	
	/*création des variables de bouton suiv et précédent*/	
	this.prec = this.div.find("#prec"); /*probleme bouton qui ne sont pas dans la bonne div*/
	this.suiv = this.div.find("#suiv");
	
	this.saut =this.largeurCache; /*largeur de décalage*/
	this.nbEtapes = this.largeur/this.saut - this.largeurCache/this.saut -1; /*combien de fois je peux faire de sauts*/
	/*alert(this.nbEtapes);*/
	this.courant=0;
	
	this.suiv.click(function(){
		if(self.courant<=self.nbEtapes){
			self.courant++;
			self.slider.animate({
			left:-self.courant*self.saut
			},1000); /*probleme bouton qui ne sont pas dans la bonne div*/
		}


	});
	
	this.prec.click(function(){
		if (self.courant>0){
			self.courant--;
			self.slider.animate({
			left:-self.courant*self.saut
			},1000); /*probleme bouton qui ne sont pas dans la bonne div*/
		}

	});
}