$(document).ready(function(){
	s = new slider("#galerie");
	s2 = new slider2("#slider2");
});

var slider = function(id){
	var self=this;
	this.div = $(id);
	this.slider = this.div.find(".slider");
//	alert(id);
	// alert si on récupère la div galerie
	//alert(id);
	// Voir si on récupère bien le contenu de la div
	//alert(this.div.html());
	// récupérer la largeur de la div
	this.largeurCache = this.div.width();
//	alert(this.largeurCache);
	this.largeur=0;
	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"));
	});
	//alert(this.largeur);
	this.prec = this.div.find(".prec");
	this.suiv = this.div.find(".suiv");
	this.saut = this.largeurCache/2;
	this.nbEtapes = Math.ceil(this.largeur/this.saut - this.largeurCache/this.saut);
//	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);
		}
		/*else{
			alert("+finit");
		}*/
	});
	this.prec.click(function(){
		if(self.courant>0){
			self.courant--;
			self.slider.animate({
				left:-self.courant*self.saut					
			},1000);
		}
	});
}

var slider2 = function(id){
	var self=this;
	this.div = $(id);
	this.slider2 = this.div.find(".slider2");
//	alert(id);
	// alert si on récupère la div galerie
	//alert(id);
	// Voir si on récupère bien le contenu de la div
	//alert(this.div.html());
	// récupérer la largeur de la div
	this.largeurCache = this.div.width();
//	alert(this.largeurCache);
	this.largeur=0;
	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"));
	});
//	alert(this.largeur);
	this.prec1 = this.div.find(".prec1");
	this.suiv1 = this.div.find(".suiv1");
	this.saut = this.largeurCache;
	this.nbEtapes = Math.ceil(this.largeurCache/this.saut);
//	alert(this.nbEtapes);
	this.courant=0;
	this.suiv1.click(function(){
		if(self.courant<=self.nbEtapes){
			self.courant++;
			self.slider2.animate({
				left:-self.courant*self.saut					
			},1000);
		}
		/*else{
			alert("+finit");
		}*/
	});
	this.prec1.click(function(){
		if(self.courant>0){
			self.courant--;
			self.slider2.animate({
				left:-self.courant*self.saut					
			},1000);
		}
	});
}