Mise en place du slider du tuto

Bonjour,
j’ai suivi le tuto http://www.grafikart.fr/tutoriels/jquery/slider-javascript-jquery-54
Mon problème c'est que le slider ne bouge pas du tout. Y'a til un problème de compatibilité avec les nouveaux navigateurs ?

pour le fichier jquery.js je l'ai telecharger directement sur le site http://jquery.com/
voici le code slider.js que j'ai refait en suivant le tuto

$(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;

    this.suiv.click(function(){
        if(self.courant<=self.nbEtapes) {                       
            self.courant++;
            self.slider.animate({
                left:-self.courant*self.saut                
            },1000);
        }
    }):

    this.prec.click(function(){
        if(self.courant>0) {                        
            self.courant--;
            self.slider.animate({
                left:-self.courant*self.saut                
            },1000);
        }
    }):

}

j'ai relu plusieurs fois mais je ne trouve pas d'erreurs.
Avez vous une idée pour que sa fonctionne ?