var carrousel={
	nbSlide:0,
	nbCurrent:1,
	elemCurrent:null,
	elem:null,
	timer:null,
	
	init:function(elem){
		this.nbSlide=elem.find(".slide").length;
		elem.append('<ul class="navigation"></ul>');
		
		for(var i=1;i<=this.nbSlide;i++){
			elem.find(".navigation").append("<li>"+i+"</li>");
		}
		
		elem.find(".navigation li").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 li:first").addClass("active");
		carrousel.play();
		elem.mouseover(carrousel.stop);
		elem.mouseout(carrousel.play);
	},
	
	gotoSlide:function(num){
		if(num==this.nbCurrent){return false;}
		var sens = 1;
		if(num<this.nbCurrent){sens=-1;}
		var cssDeb = {"top" : sens*this.elem.height()};
		var cssFin = {"top" : -sens*this.elem.height()};
		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 li").removeClass("active");
		this.elem.find(".navigation li: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()",6000);
	}
};
$(function(){carrousel.init($("#carrousel"));});