// JavaScript Document



var carrousel={
	
	nbSlide:0,
	nbCurrent:1,
	elemCurrent:null,
	elem:null,
	
	/*A activer pour utiliser le timer*/
    timer: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");
		this.elem.find(".navigation span : first").addClass("active");
		
		
		/*A activer pour utiliser le timer*/
		//Le Timmer
		carrousel.play();
		
		//Stop en mouse over
		elem.mouseover(carrousel.stop);
		elem.mouseout(carrousel.play)
		
		
   },

   gotoSlide:function(num){
	    if(num==this.nbCurrent){return false;}
		
		/*//Animation en Fade in/out
	    this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).fadeIn();
		*/
		
		//Animation en slide
		var sens = 1;
		if(num<this.nbCurrent){sens= -1;}
		var cssDeb={"left":sens*this.elem.width()};
		var cssFin={"left": -sens*this.elem.width()};
		this.elem.find("#slide"+num).show().css(cssDeb);
		
		this.elem.find("#slide"+num).animate({"top":0,"left":0},1200);
		this.elemCurrent.animate(cssFin,1200);
		
		
		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.nbCuurent-1;
	   if(num<1){
	      num=this.nbSlide;
	   }
	   this.gotoSlide(num);
   },
   
   /*A activer pour utiliser le timer*/
   stop:function(){
       window.clearInterval(carrousel.timer);
   },
   
   play:function(){
	   window.clearInterval(carrousel.timer);
       carrousel.timer= window.setInterval("carrousel.next()",4000);
   }
 




}


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