// JavaScript Document

var carrousel= {

	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	elem : null,
	timer : null,
	
	init : function(elem) {
		
		this.nbSlide = elem.find ('.slide').length;
		
		elem.append ('<div class="navi_slide"></div>')
		for(var i=1;i<=this.nbSlide;i++){
			elem.find('.navi_slide').append('<span>'+i+'</span>');
		}
		elem.find('.navi_slide 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('.navi_slide span:first').addClass('active');
		
		// Creation du timer
		carrousel.play();
		
		
		// Image figee avec souris
		elem.mouseover('carrousel.fige');
		elem.mouseout('carrousel.play');
	},
	
	gotoSlide : function(num){
		if(num==this.nbCurrent){ return false;}
		this.elemCurrent.fadeOut();
		this.elem.find('#slide'+num).fadeIn();
		this.elem.find('.navi_slide span').removeClass('active');
		this.elem.find('.navi_slide 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);
	},

	play : function(){
		window.clearInterval(carrousel.timer);
		this.timer = window.setInterval('carrousel.next()', 7000);		
	},

}

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