var carrousel = {
	
	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null, 
	elem : null,
	timer:null,
	
	init : function(elem) {
		this.nbSlide = elem.find(".slide").length;
		
		//Créer la navigation 
		
		//elem.append("<div class="navigation_carroussel"></div>");
		//for(var i=1;i<=this.nbSlide;i++) {
			//elem.find(".navigation_carroussel").append("<span>"+i+"</span>");
		//}
		
	//	elem.find(".navigation_carroussel span").clik(function(){ carroussel.gotoSlide($(this).text()); })
		
		
		//Initialisation du carroussel
		
		this.elem=elem;
		elem.find(".slide").hide();
		elem.find(".slide:first").show();
		this.elemCurrent = elem.find(".slide:first");
		//this.elem.find(".navigation_carroussel span:first").addClass("active");
		
		
		//Timer 
		this.timer = window.setInterval( "carrousel.next()",5000)
	},
	
	gotoSlide : function(num){
		if(num==this.nbCurrent){return false;}
		
		/* Animation en fadeIn/fadeOut*/
		this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).fadeIn();
		
		
		/*Animation en slide
		var cssDeb = { "left" : this.elem.width() };
		var cssFin = { "left" : -this.elem.width() };
		this.elem.find("#slide"+num).show().css(cssDeb);
		
		this.elem.find("#slide"+num).animate({"top":0,"left":0},500);
		this.elemCurrent.animate(cssFin,500); */
		
		//this.elem.find(".navigation_carroussel span").removeClass("active");
		//this.elem.find(".navigation_carroussel 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);
	}
	
}

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