// JavaScript Document

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="navigation"></div>');
	for(var i=1;i<=this.nbSlide;i++){
		elem.find(".navigation").append("<span>"+i+"</span>");
	}
	//initialisation du carrousel
	
	elem.find(".navigation span").click(function(){carrousel.gotoSlide($j(this).text());})
	this.elem=elem;
	elem.find(".slide").hide();
	elem.find(".slide:first").show();
	this.elemCurrent=elem.find(".slide:first");
	this.elem.find(".navigation").css("opacity",0.6);
	this.elem.find(".navigation span:first").addClass("active");carrousel.play();
	elem.mouseover(carrousel.stop);
	elem.mouseout(carrousel.play);
					},
gotoSlide:function(num){
	if(num==this.nbCurrent){return false;}
	this.elemCurrent.find(".visu").fadeOut();
	this.elem.find("#slide"+num).show();
	this.elem.find("#slide"+num+" .visu").hide().fadeIn();
	var titleHeight=this.elemCurrent.find(".title").height();
	this.elemCurrent.find(".title").animate({"bottom":- titleHeight},500);
	this.elem.find("#slide"+num+" .title").css("bottom",-titleHeight).animate({"bottom":0},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.gotoSlide(num);
				},
stop:function(){window.clearInterval(carrousel.timer);},
play:function(){
	window.clearInterval(carrousel.timer);
	carrousel.timer=window.setInterval("carrousel.next()",3000);
				}
}
$j(function(){carrousel.init($j("#carrousel"));});