var BillBoard = {};  
//index courant  
BillBoard.current = 0;  
//contient le nombre de slides  
BillBoard.num = 0;  

BillBoard.width = 1024;  


/** 
* initialise le slideshow :  
* place les slides 
*  attache les événements 
*/
initBillBoard = function(){  
	// on place les éléments de liste  
	$("#billboard .work_template").each(function(i){  
		BillBoard.num++;  
		var _leftPX = (i)*BillBoard.width;  
		$(this).css('left',_leftPX+'px');  
		$(this).css('top','0px');  
		//  $(this).show();  
		$(this).css('visibility' , 'visible');
		// $(this).css('visibility' , 'hidden');
	});  
	//(ajuste le total de slides)  
	BillBoard.num--;  
	//attache les évéments  
	$("#next").click(function(){
		return nextBill()});		 	
	$("#prev").click(function(){
		return prevBill()});  

	
	// gère les miniatures
	// $("#billboard_nav .thumb").each(function(){  
	// 	$(this).hover(
	// 		function(){$(this).addClass("transparency")} ,
	// 		function(){$(this).removeClass("transparency")});
	// });

	// $("#billboard").hover("hold_minuteur()" , "restart_minuteur()");
	minuteur(6000);		
}  

minuteur = function(time)
{
	// minuterie
	BillBoard.counter = setInterval("slide()", time);	
}
hold_minuteur = function()
{
	clearInterval(BillBoard.counter);
}
restart_minuteur = function()
{
	minuteur(3000);
}

slide = function(){
	var _next = (BillBoard.current+1>BillBoard.num)? 0 : BillBoard.current+1;  
	moveBills(_next);  
	return false;  	
}

/** 
* affiche la diapo suivante 
*/
nextBill = function(){  
	//calcul du prochain index (si max, on revient au début)  
	var _next = (BillBoard.current+1>BillBoard.num)? 0 : BillBoard.current+1;  
	moveBills(_next);  
	hold_minuteur();
	return false;  
}  
/** 
* affiche la diapo précédente 
*/
prevBill = function(){  
	//calcul du prochain index (si min, on va à la fin)  
	var _next = (BillBoard.current-1<0)? BillBoard.num : BillBoard.current-1;  
	moveBills(_next);  
	hold_minuteur();
	return false;  
}  
/** 
* affiche la diapo dont l'index est passé en paramètre 
*/
moveBills = function(index)  
{  
	//replace les li en les animant  
	$("#billboard .work_template").each(function(i){  
	  var _leftPX = (i-index)*BillBoard.width;  
	  $(this).animate({left:_leftPX+'px'},500);  
	});  
//	$("#billboard_nav .thumb")[BillBoard.current].removeClass("thumb_selected");
//	$("#billboard_nav .thumb")[index].addClass("thumb_selected");
	
	//réaffecte l'index courant  
	BillBoard.current = index;  
}  


$(document).ready(function(){  
	initBillBoard();  
});