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

var slider = function(id)
{
        var self=this;
        this.div = $(id);
        this.slider=this.div.find(".slider");
        this.largeurCache = this.div.width();
        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"));
        });
        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);
        this.courant=0;

        //Avance ou recule quand on clique sur la fleche droite ou sur la fleche gauche
        this.suiv.click(function(){
                if(self.courant<=self.nbEtapes)
                {
                        $(".prec").fadeIn();
                        self.courant++;
                        self.slider.animate({
                                left:-self.courant*self.saut
                        },1000);
                }
                else
                {
                        $(".suiv").fadeOut();
                }
        });
        
        this.prec.click(function(){
                if(self.courant>0)
                {
                        $(".suiv").fadeIn();
                        self.courant--;
                        self.slider.animate({
                                left:-self.courant*self.saut
                        },1000);
                }
                else
                {
                        $(".prec").fadeOut();
                }
        });
        
        //Avance ou recule au passage de la souris sur la fleche droite ou sur la fleche gauche
        //this.suiv.mouseover(function(){
        //        if(self.courant<=self.nbEtapes)
        //        {
        //                $(".prec").fadeIn();
        //                self.courant++;
        //                self.slider.animate({
        //                        left:-self.courant*self.saut
        //                },1000);
        //        }
        //        else
        //        {
        //                $(".suiv").fadeOut();
        //        }
        //});
        //
        //this.prec.mouseover(function(){
        //        if(self.courant>0)
        //        {
        //                $(".suiv").fadeIn();
        //                self.courant--;
        //                self.slider.animate({
        //                        left:-self.courant*self.saut
        //                },1000);
        //        }
        //        else
        //        {
        //                $(".prec").fadeOut();
        //        }
        //});

}