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()); })
		*/
		
		// Si plus de 1 écran
		if(this.nbSlide>1) {
			// Initialisation du carrousel
			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");
				
			// On créé le timer
			carrousel.play();
			
			// Stop quand on passe dessus
			elem.mouseover(carrousel.stop);
			elem.mouseout(carrousel.play);
		}
	},
	
	gotoSlide : function(num, sens) {
		//alert(num);
		if(num==this.nbCurrent){return false;}
		
		/* Animation en FadIn Fadeout 		*/
		this.elemCurrent.fadeOut(1500);
		this.elem.find("#slide"+num).fadeIn(1500);
	/*			*/
		
		
		/* Animation en slide en largeur */
/*
		var sens = 1;
	//	if(num<this.nbCurrent){sens = -1;} // Inversez le sens de l'animation lorsqu'arrivé au dernier slide
		var cssDep = { "left" : sens*this.elem.width() };
		var cssFin = { "left" : -sens*this.elem.width() };
		this.elem.find("#slide"+num).show().css(cssDep);
		this.elem.find("#slide"+num).animate({"top":0,"left":0}, 1000);
		this.elemCurrent.animate(cssFin, 1000);
		
				*/
		
		/* Animation en slide en hauter */
				
		//var sens = 1;
	//	if(num<this.nbCurrent){sens = -1;} // Inversez le sens de l'animation lorsqu'arrivé au dernier slide
 /*		var cssDep = { "top" : sens*this.elem.height() };
		var cssFin = { "top" : -sens*this.elem.height() };
		this.elem.find("#slide"+num).show().css(cssDep);
		this.elem.find("#slide"+num).animate({"top":0,"left":0}, 1000);
		this.elemCurrent.animate(cssFin, 1000);
		//this.elemCurrent.fadeOut(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, 1);
	},
	prev : function() {
		var num = this.nbCurrent-1;
		if(num<1){
			num = this.nbSlide;
		}
		this.gotoSlide(num, -1);
	},
	stop : function () {
		window.clearInterval(carrousel.timer);
	},
	play : function () {
		window.clearInterval(carrousel.timer);
		carrousel.timer = window.setInterval("carrousel.next()", 8000);
	}
}
$(function() {
	carrousel.init($('#bandeau'));
});