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

var slider = function(id){
    var self =this;
    this.div = $(id);
    this.largeurCache = this.div.width();
    this.largeur = 0;
    this.slider = this.div.find("#cabinet_slider");
    this.div.find('a').each(function(){
       self.largeur += $(this).width();
       self.largeur += parseInt($(this).css("margin-right"));
       self.largeur += parseInt($(this).css("margin-left"));
       self.largeur += parseInt($(this).css("padding-left"));
       self.largeur += parseInt($(this).css("padding-right"));
        
    });
    
    this.prec = this.div.prev();
    this.suiv = this.div.next();
    this.saut = this.largeurCache/2;
    this.nbEtapes = Math.ceil(this.largeur/this.saut - this.largeurCache/this.saut);
    this.courant = 0;
    
    this.suiv.click(function(){
        
        if(self.courant <= self.nbEtapes){
        self.courant++;
        self.slider.animate({left:-(self.courant*self.saut)},500)
        }
    });
    
    this.prec.click(function(){
        if(self.courant > 0){
        self.courant--;
        self.slider.animate({left:-(self.courant*self.saut)},500)
        }
    });
    
    
}