/* Configuration du diporama */

var diaporama = {

    nbSlide : 0,
    nbCurrent : 1,
    elemCurrent : null,
    elem : null,
    timer : null,

    init : function(elem) {
        this.nbSlide = elem.find(".slide").length;

        // Pagination
        elem.append('<div id="move"></div>');
        for(var i=1;i<=this.nbSlide;i++) {
            elem.find("#move").append('<div id="'+i+'" class="btn"></div>');
        }

        elem.find("#move div").click(function(){diaporama.gotoSlide($(this).attr("id"));});

        // Initialisation
        this.elem = elem;
        elem.find(".slide").hide();
        elem.find(".slide:first").show();
        this.elemCurrent = elem.find(".slide:first");
        this.elem.find("#move div:first").addClass("activ");

        // Timer
        this.timer = window.setInterval("diaporama.next()",4000);
    
    },

    gotoSlide : function(num) {
        if(num==this.nbCurrent){return false;}
        this.elemCurrent.fadeOut();
        this.elem.find("#slide"+num).fadeIn();
        this.elem.find("#move div").removeClass("activ");
        this.elem.find("#move div:eq("+(num-1)+")").addClass("activ");
        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);
    },

    prev : function(){
        var num = this.nbCurrent-1;
        if(num < 1) {
            num = this.nbSlide;
        }
        this.gotoSlide(num);
    }

}

$(function() {
    diaporama.init($("#diaporama"));
});