var carousel = {
	
	nbSlide : 0,
	nbCurrent:1,
	elemCurrent:null,
	elem:null,
	timer:null,
	
	init: function(elem) {
		
		this.nbSlide = elem.find(".slide").length;
		
		elem.append('<div class="navigation"></div>');
		
		elem.find('.navigation').append('<span class="prev"></span>');
		elem.find('.navigation span.prev').click(function(){carousel.prev();});
		
		elem.find('.navigation').append('<span class="next"></span>');
		elem.find('.navigation span.next').click(function(){carousel.next();});
	
		//Initialisation du carousel
		this.elem = elem;
		elem.find('.slide').hide();
		elem.find('.slide:first-child').show();
		this.elemCurrent = elem.find('.slide:first-child');
		//this.elem.find('.navigation span:first-child').addClass('active');
		
	},

	gotoSlide : function(num) {
                if(num==this.nbCurrent){return false;}
				
		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({'bottom':0, 'left':0}, 500);
		this.elemCurrent.animate(cssFin, 500);
	
		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);

//                this.elemCurrent.fadeOut();
//                this.elem.find('#slide'+num).fadeIn();
//
//                this.nbCurrent = num;
//                this.elemCurrent = this.elem.find('#slide'+num);
                

	},
	
	gotoSlidePrev : function(num) {
		if(num==this.nbCurrent){return false;}
				
		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({'bottom':0, 'left':0}, 500);
		this.elemCurrent.animate(cssFin, 500);
		
		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.gotoSlidePrev(num);
		
	}

}