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 id="meaNavigationGlobal"></div>');
        elem.find('#meaNavigationGlobal').append('<div id="meaNavigation"></div>');
        for(i=1;i<=this.nbSlide;i++){
            elem.find('#meaNavigation').append('<div id="bullet_'+i+'" class="bullet"></div>');
        }
        
        elem.find('#meaNavigation div.bullet').click(function(){carrousel.gotoSlide($(this).attr("id").substr($(this).attr("id").length - 1));});

        //initialisation du carrousel
        this.elem = elem;
        elem.find(".slide").hide();
        elem.find(".slide:first").show();
        this.elemCurrent = elem.find(".slide:first");
        this.elem.find("#bullet_"+this.nbCurrent).css("backgroundImage","url(images/site/index/bullet_o.jpg)");

        
        //Timer
        carrousel.play();

        //Stop si on passe dessus
        $("div #carrousel").mouseover(function(){
            carrousel.stop();
        });
        //Play si on sort
        $("div #carrousel").mouseout(function(){
            carrousel.play();
        });
    },
    gotoSlide : function(num){
        if(this.nbCurrent == num){return false;}
        this.elem.find("#bullet_"+this.nbCurrent).css("backgroundImage","url(images/site/index/bullet_g.jpg)");
        this.elem.find("#bullet_"+num).css("backgroundImage","url(images/site/index/bullet_o.jpg)");
       
        this.elemCurrent.fadeOut();
        this.elem.find("#slide"+num).fadeIn();
        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);
    },
    prec : function(){
        var num = this.nbCurrent - 1;
        if(num < 1){num = this.nbSlide;}
        this.gotoSlide(num);
    },
    stop : function(){
        window.clearInterval(this.timer);
    },
    play : function(){
        this.timer = window.setInterval('carrousel.next()',5000);
    }
}

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