var carrousel={
  nbSlide:0,
  nbCurrent:1,
  elemCurrent:null,
  elem:null,
  timer:null,
  init:function(elem){
    this.nbSlide=elem.find(".slide").length;
    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());})
            this.elem=elem;
    elem.find(".slide").hide();
    elem.find(".slide:first").show();
    this.elemCurrent=elem.find(".slide:first");
    // this.elem.find(".navigation").css("opacity",0.6);
    this.elem.find(".navigation span:first").addClass("active");
    carrousel.play();
    elem.mouseover(carrousel.stop);
    elem.mouseout(carrousel.play);
    },
    
  gotoSlide:function(num){if(num==this.nbCurrent){return false;}
    
      this.elemCurrent.find(".visu").fadeOut();
      this.elem.find("#slide"+num).show();
      this.elem.find("#slide"+num+" .visu").hide().fadeIn();
      // var titleHeight=this.elemCurrent.find(".title").height();
//       this.elemCurrent.find(".title").animate({"bottom":-titleHeight},500);
//       this.elem.find("#slide"+num+" .title").css("bottom",-titleHeight).animate({"bottom":0},500);
      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);
    },
        
    prev:function(){var num=this.nbCurrent-1;
        if(num<1){num=this.nbSlide;}
        this.gotoSlide(num);
    },
        
  stop:function(){window.clearInterval(carrousel.timer);
  },
  play:function(){window.clearInterval(carrousel.timer);
  carrousel.timer=window.setInterval("carrousel.next()",12000);
  }
}



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