var carrousel = {
	
	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	elem : null,
	timer:null,
	
	init : function(elem){
		this.nbSlide = elem.find(".slide").length;
		
		// Créer la 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());
			
		})*/
		elem.find("#prev").click(function(){
			carrousel.prev();
		})
		elem.find("#next").click(function(){
			carrousel.next();
		})
		//initialiser 
		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");
		
		//timer
		carrousel.play();
		
		//stop quansd souris dessus
		
		elem.mouseover(carrousel.stop);
		elem.mouseout(carrousel.play);
		
	},
	
	gotoSlide : function(num){
		if(num==this.nbCurrent){return false;}
		
		/* Animation fade in fadeout
		this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).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);
				
		*/
		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},1000);
		this.elemCurrent.animate(CssFin,1000);
		
		
		
		
		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"));
	
});