/*
 CARROUSEL JAVASCRIPT
 */

    var carrousel ={
	
        nbslide : 0,
        nbCurrent : 1,
        elemCurrent : null,
        elem : null,
		
        init : function(elem){
        this.nbslide = elem.find(".slide").length;
     
     /* 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*/
        this.elem=elem;
        elem.find(".slide").hide();
        elem.find(".slide:first").show();
        this.elemCurrent=elem.find(".slide:first");     
    },
    
    gotoSlide : function(num){
        if(num==this.nbCurrent){return false;}
        this.elemCurrent.fadeOut();
        this.elem.find("#slide"+num).fadeIn();
        this.elem.find(".navigation span");
        this.elem.find(".navigation span:eq("+(num-1)+")");
        this.nbCurrent=num;
        this.elemCurrent=this.elem.find("#slide"+num);
    }
    
}


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