// JavaScript Document

/* CARROUSEL JS */

/* carrousel */
var carrousel = {
	
	nbSlide 	: 	0,
	nbCurrent	: 	1,
	elemCurrent	: 	null,
	elem 		:	null,
	timer 		: 	null,
	
	init : function(elem) {
		this.nbSlide = elem.find(".slide").length;
		
		// creer la pagination
		elem.append('<div class="nav"></div>');
		for(var i=1;i<=this.nbSlide;i++) {
			elem.find(".nav").append("<span>"+i+"</span>");
		}
		elem.find(".nav 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(".nav span:first").addClass("active");
		
		// On creer le timer
		carrousel.play();//
		
		// Stop quand on passe dessus
		//	elem.mouseover(carrousel.stop);
		//	elem.mouseout(carrousel.play);	
	},
	
	gotoSlide : function(num) {
		if(num==this.nbCurrent){return false;}
		
		// animation en fadeIn/fadeOut
		this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).fadeIn();
		
		/*
		// animation slide
		var sens = 1;
		if(num<this.nbCurrent){ sens = -1;}
		var cssDeb = {"left" : sens*this.elem.width()};
		var cssFin = {"left" : -sens*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.elem.find(".nav span").removeClass("active");
		this.elem.find(".nav span:eq("+(num-1)+")").addClass("active");
		this.nbCurrent = num;
		this.elemCurrent = this.elem.find("#slide"+num);
		
	},
	
	
	//  FONCTION suivant & precedent
	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);
	},

	// FONCTION interractivite dans le temps
	stop : function() {
		window.clearInterval(carrousel.timer);
	},
	
	play : function() {
		window.clearInterval(carrousel.timer);
		this.timer = window.setInterval("carrousel.next()",7000);
	}
	
}

/* carrousel2 */
var carrousel2 = {
	
	nbSlide 	: 	0,
	nbCurrent	: 	1,
	elemCurrent	: 	null,
	elem 		:	null,
	timer 		: 	null,
	
	init : function(elem) {
		this.nbSlide = elem.find(".slide").length;
		
		// creer la pagination
		elem.append('<div class="nav"></div>');
		for(var i=1;i<=this.nbSlide;i++) {
			elem.find(".nav").append("<span>"+i+"</span>");
		}
		elem.find(".nav span").click(function(){carrousel2.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(".nav span:first").addClass("active");
		
		// On creer le timer
		carrousel2.play();//
		
		// Stop quand on passe dessus
		//	elem.mouseover(carrousel2.stop);
		//	elem.mouseout(carrousel2.play);	
	},
	
	gotoSlide : function(num) {
		if(num==this.nbCurrent){return false;}
		
		// animation en fadeIn/fadeOut
		this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).fadeIn();
		
		/*
		// animation slide
		var sens = 1;
		if(num<this.nbCurrent){ sens = -1;}
		var cssDeb = {"left" : sens*this.elem.width()};
		var cssFin = {"left" : -sens*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.elem.find(".nav span").removeClass("active");
		this.elem.find(".nav span:eq("+(num-1)+")").addClass("active");
		this.nbCurrent = num;
		this.elemCurrent = this.elem.find("#slide"+num);
		
	},
	
	
	//  FONCTION suivant & precedent
	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);
	},

	// FONCTION interractivite dans le temps
	stop : function() {
		window.clearInterval(carrousel2.timer);
	},
	
	play : function() {
		window.clearInterval(carrousel2.timer);
		this.timer = window.setInterval("carrousel2.next()",7000);
	}
	
}

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