// JavaScript Document
var diaporama={
nbSlide:0,
nbCurrent:1,
elemCurrent:null,
elem:null,
timer:null,
elemControl:null,

init : function(elem){
this.nbSlide=elem.find(".diapo").length;
//créer la pagination
elem.append('<div class="navigation_diapo"></div>');
//création des spans
for(var i=1;i<=this.nbSlide;i++)
	{
	var image=$("#diapo"+i+"").children().attr("src");
	elem.find(".navigation_diapo").append("<span id="+i+"><img src='"+image+"' alt='' width='155' height='116' /></span>");
	}
elem.find(".navigation_diapo span").animate({'opacity': 0.7});
//postionnement margin left pour centrer la navigation à desactiver si navigation ailleurs
//declenchement slide lors du click sur span
elem.find(".navigation_diapo span").click(function(){ diaporama.gotoSlide($(this).attr("id"));})
//initaialisation
this.elem=elem;
elem.find(".diapo").hide();
elem.find(".diapo:first").show();
this.elemCurrent=elem.find(".diapo:first");
this.elem.find(".navigation_diapo span:first").addClass("active");
this.elem.find(".navigation_diapo span:first").animate({'opacity': 1});
//le timer
diaporama.playA();
//Stop passe dessus
elem.mouseover(diaporama.stopA);
elem.mouseout(diaporama.playA);
},
gotoSlide:function(num){
if(num==this.nbCurrent){ return false;}
/* animation en fadeIn
this.elemCurrent.fadeOut();
this.elem.find("#slide"+num).fadeIn();
*/
/*animation en 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("#diapo"+num).show().css(cssDeb);
this.elem.find("#diapo"+num).animate({"top":0,"left":0},500);
this.elemCurrent.animate(cssFin,500);
/*modif css span active*/
this.elem.find(".navigation_diapo span").removeClass("active");
this.elem.find(".navigation_diapo span").animate({'opacity': 0.7});
this.elem.find(".navigation_diapo span:eq("+(num-1)+")").addClass("active");
this.elem.find(".navigation_diapo span:eq("+(num-1)+")").animate({'opacity': 1});
this.nbCurrent=num;
this.elemCurrent=this.elem.find("#diapo"+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);
	},
	
stopA:function(){
	window.clearInterval(diaporama.timer);
	},
	
playA:function(){
	window.clearInterval(diaporama.timer);
	diaporama.timer=window.setInterval("diaporama.next()",5000);
	}
}
$(function(){
diaporama.init($("#diaporama"));
});