var carrousel ={
    
    nbSlide : 0,
    nbCurrent : 1,
    elemCurrent : null,
    elem : null,
    //timer : null,
    
    init : function(elem){
       this.nbSlide = elem.find(".slide").length;
       
       //Créer la pagination
       elem.append('<div class="navigation"></div>');
       for(var i=1;i<=this.nbSlide;i++){
        elem.find(".navigation").append("<span>"+i+"</span>");
       }
       
       elem.find(".navigation span").click(function(){
           carrousel.gotoSlide($(this).text()); 
        });
       
       //initialisation du carrousel
       this.elem = elem;
       elem.find(".slide").hide();
       elem.find(".slide:first").show();
       this.elemCurrent = elem.find(".slide:first");
       this.elem.find(".navigation span:first").addClass("active");
       
       //on créer le timer
       //carrousel.play();
       
       // Stop carrousel
       
    },
    
    gotoSlide : function(num){
        if(num == this.nbCurrent) { return false;}
        this.elemCurrent.fadeOut(1000);
        this.elem.find("#slide"+num).fadeIn(1000);
        this.elem.find(".navigation span").removeClass("active");
        this.elem.find(".navigation span:eq("+(num-1)+")").addClass("active");
        this.nbCurrent = num;
        this.elemCurrent = this.elem.find("#slide"+num);
    },
    
    next : function(){
        var num = this.nbCurrent+1;
        if(num>this.nbSlide){
            num = 1;
        }
        this.gotoSlide(num);
    },
    
    stop : function(){
        window.clearInterval(carrousel.timer);
    },
    
    play : function(){
        //this.timer = window.setInterval("carrousel.next()",6000);
    }
    
}

$(function(){
    carrousel.init($('#carrousel'));
    
});