var carrousel = {
	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	elem : null,
	timer : null,
		
	init :function(elem)
	{
		this.nbSlide = elem.find(".slide").length;
		this.elem = elem;
		elem.find(".slide").hide();
		elem.find(".slide:first").show();
		this.elemCurrent = elem.find(".slide:first");
		
		// On cré le timer
		carrousel.play();
		
		// Stop et Start
		//elem.mouseover(carrousel.stop);
		//elem.mouseout(carrousel.play);
	},
	
	gotoSlide : function(num)
	{
		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.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);
	}, 
	
	stop : function()
	{
		window.clearInterval(carrousel.timer);
	},
	
	play : function()
	{
		window.clearInterval(carrousel.timer);
		this.timer = window.setInterval("carrousel.next()", 5000);
	}
		
}

//var J = jQuery.noConflict();

$(document).ready(function()
{
	carrousel.init($('#carrousel'));
});