/****************************************************************************************************************
	Variables globales
****************************************************************************************************************/

myTiming 	= 3000;		// temps en millisecondes au bout duquel le diaporama change de diapo
myTiming2	= 3000;		// temps en millisecondes au bout duquel le panier disparait quand on a ajouté un item dedans

/****************************************************************************************************************
	Initialisation du carousel
****************************************************************************************************************/

function showImage(numDiapo){

	// affichage du bon item
	$('#carouselBonsPlans div.carouselItem').hide();
	$('#carouselBonsPlans div.carouselItem:eq('+numDiapo+')').show();
	
	// affectation de la classe ON
	$('#carouselBonsPlansNav li a').removeClass('on');
	$('#carouselBonsPlansNav li:eq('+(numDiapo)+') a').addClass('on');

}

function carouselAutorun(numDiapo){
	
	//affichage de l'image
	showImage(numDiapo);
	
	// diapo suivante
	numDiapo++;
	
	if (numDiapo == myImgs.length) myTimer = setTimeout("carouselAutorun(0)",myTiming);
	else myTimer = setTimeout("carouselAutorun("+numDiapo+")",myTiming);
	
}

function initCarousss(){
	
	// stockage des items (variable globale)
	myImgs = new Array;
	$.each($('#carouselBonsPlans div.carouselItem'), function(i, n){
		myImgs[i] = n.id;
	});

	
	if ($('#carouselBonsPlans div.carouselItem').length > 1){
	
		$('#carouselBonsPlans').addClass('withJS');
		
		$('#carouselBonsPlans div.carouselItem').hide();
		$('#carouselBonsPlans div.carouselItem:eq(0)').show();
		$('#carouselBonsPlansNav li:eq(0) a').addClass('on');
		
		// défilement auto
		myTimer = setTimeout("carouselAutorun(1)",myTiming);
		
		$('#carouselBonsPlansNav li a').click(function(){
			
			// récupération du numéro de la diapo courante
			var currentDiapo = parseInt($(this).attr('href').split('#carouselItem')[1]) - 1;
			
			//affichage de l'image
			showImage(currentDiapo);
			
			// réinitialisation du défilement auto			
			clearTimeout(myTimer);
			
			$(this).blur();
			return false;
			
		});
		
	}
	
	else {
		
		$('#carouselBonsPlansNav').hide();
	}

}

/*************************************************/
// Au chargement de la page
/*************************************************/

$(document).ready(function(){ 

	initCarousss();
	
	
});