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);
    },
    // ALLER À UN SLIDE DONNÉ
    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()",5000);
      }
}

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