/* 
	CARROUSEL JS
*/

var carrousel = {

	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	elem : null,
	timer : null,

	init : function(elem){
		// Nombre de slide
		this.nbSlide = elem.find(".slide").length;
		
		elem.find(".navigation span").click(function(){ carrousel.gotoSlide($(this).text());})
		
		//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ée le timer
		carrousel.play();
		
		// Stop lorsque l'on est en over
		elem.mouseover(carrousel.stop);
		elem.mouseout(carrousel.play);

	},
	
	gotoSlide : function(num){
		if(num == this.nbCurrent){return false;}
		
		this.elem.find("#slide"+(num-1)).hide();
		this.elemCurrent.find(".visu").fadeOut();
		this.elem.find("#slide"+num).show();
		this.elem.find("#slide"+num+" .visu").hide().fadeIn();
		
        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);
		
		// Stop lorsque l'on est en over
		this.elem.mouseover(carrousel.stop);
		this.elem.mouseout(carrousel.play);
		
		if(num == 1){
			this.elem.find("#slide2").fadeOut();
			this.elem.find("#slide3").fadeOut();
			this.elem.find("#slide4").fadeOut();
			this.elem.find("#slide5").fadeOut();
			this.elem.find("#slide6").fadeOut();
		} else if(num == 2){
			this.elem.find("#slide1").fadeOut();
			this.elem.find("#slide3").fadeOut();
			this.elem.find("#slide4").fadeOut();
			this.elem.find("#slide5").fadeOut();
			this.elem.find("#slide6").fadeOut();
		} else if(num == 3){
			this.elem.find("#slide1").fadeOut();
			this.elem.find("#slide2").fadeOut();
			this.elem.find("#slide4").fadeOut();
			this.elem.find("#slide5").fadeOut();
			this.elem.find("#slide6").fadeOut();
		} else if(num == 4){
			this.elem.find("#slide1").fadeOut();
			this.elem.find("#slide2").fadeOut();
			this.elem.find("#slide3").fadeOut();
			this.elem.find("#slide5").fadeOut();
			this.elem.find("#slide6").fadeOut();
		} else if(num == 5){
			this.elem.find("#slide1").fadeOut();
			this.elem.find("#slide2").fadeOut();
			this.elem.find("#slide3").fadeOut();
			this.elem.find("#slide4").fadeOut();
			this.elem.find("#slide6").fadeOut();
		} else if(num == 6){
			this.elem.find("#slide1").fadeOut();
			this.elem.find("#slide2").fadeOut();
			this.elem.find("#slide3").fadeOut();
			this.elem.find("#slide4").fadeOut();
			this.elem.find("#slide5").fadeOut();
		}

	},

	next : function(){
		if(this.nbCurrent == 1){
			var numero = 2;
		} else if(this.nbCurrent == 2){
			var numero = 3;
		} else if(this.nbCurrent == 3){
			var numero = 4;
		} else if(this.nbCurrent == 4){
			var numero = 5;
		} else if(this.nbCurrent == 5){
			var numero = 6;
		} else if(this.nbCurrent == 6){
			var numero = 1;
		}
		if(numero > this.nbSlide){
			numero = 1;
		}
		this.gotoSlide(numero);
	},

	prev : function(){
		var numero = this.nbCurrent-1;
		if(numero < 1){
			numero = this.nbSlide;
		}
		this.gotoSlide(numero);
	},
	
	stop : function(){
		window.clearInterval(carrousel.timer);
	},
	
	play : function(){
		window.clearInterval(carrousel.timer);
		carrousel.timer = window.setInterval("carrousel.next()",6000);
	}
}

$(function(){
	carrousel.init($("#carrousel"));
});