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

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

/****************************************************************************************************************
	Initialisation des menus du Header de la page
****************************************************************************************************************/

function initNav(){
	
	// Nav1
	
	// on reset les elmts
	$('#nav1 li').children('ul').hide();
	$('#nav1 li').removeClass('on');
	
	// au clic
	$('#nav1 li a.level1').click(function(){
		
		// on cache tous les sous-menus
		$('#nav1 li').children('ul').hide();
		$(this).blur();
		
		// si le sous menu est déjà ouvert
		if (($(this).parent().children('ul'))&&(($(this).parent().attr("class"))&&($(this).parent().attr('class').indexOf('on') != '-1'))){
			$(this).parent().children('ul').hide();
			$('#nav1 li').removeClass('on');
		}
		
		// sinon
		else{
			$(this).parent().children('ul').show();
			$('#nav1 li').removeClass('on');
			$(this).parent().addClass('on');
		}
		
	});
	
	// Nav2
	
	// on kill les comportements CSS
	$('#nav2 li ul').css('display','block');
	$('#nav2 li ul').hide();
	
	// au roll
	$('#nav2 li').hover(function(){
		$(this).addClass('on');
		$(this).children('ul').show();
	},function(){
		$(this).removeClass('on');
		$(this).children('ul').hide();
	});
	
	// Cart
	
	// on kill les comportements CSS
	$('#cartBody').css('display','block');
	$('#cartBody').hide();
	
	$('#cart').css('cursor','pointer');
	
	// au clic
	$('#cart').click(function(){
		if (($(this).attr("class"))&&($(this).attr('class').indexOf('on') != '-1')){
			$(this).removeClass('on');
			$('#cartBody').slideUp("slow");
		}
		else{
			$(this).addClass('on');
			$('#cartBody').slideDown("slow");
		}
	});
	
	// Choose by product type
	
	// on kill les comportements CSS
	$('.selectBoxContent').css('display','block');
	$('.selectBoxContent').hide();
	$('.selectBox').removeClass('on');
	
	// comportement du faux select au clic
	$('.selectBox').click(function(){
		if (($(this).attr("class"))&&($(this).attr('class').indexOf('on') != '-1')){
			$(this).removeClass('on');
			$(this).prev('ul').slideUp("fast");
		}
		else{
			$(this).addClass('on');
			$(this).prev('ul').slideDown("fast");
		}
		$(this).blur();
	});
								  
}

/****************************************************************************************************************
	Initialisation du comportement du moteur de recherche
****************************************************************************************************************/

function initSearch(){
	
	// stockage de la valeur par défaut du champ
	var myWording = $('#searchField').val();
	
	// au focus, on cleane le champ
	$('#searchField').focus(function(){
		if ($('#searchField').val() == myWording) $('#searchField').val('');
	});
	
	// au change, si vide on remet la valeur originelle
	$('#searchField').blur(function(){
		if ($('#searchField').val() == '') $('#searchField').val(myWording);
	});

}

/****************************************************************************************************************
	Initialisation du carousel de la colonne droite
****************************************************************************************************************/

function showImage(numDiapo){

	// affichage du bon item
	$('#diaporama a').hide();
	$('#diapo_'+numDiapo).show();
	
	// affectation de la classe ON
	$('#pagination li').removeClass('on');
	$('#pagination li:eq('+(numDiapo-1)+')').addClass('on');
	
	// bouton next
	if (numDiapo == myImgs.length) $('#speedTools a.next').attr('href', '#'+myImgs[0]);
	else $('#speedTools a.next').attr('href', '#'+myImgs[numDiapo]);
			
	// bouton prev
	if (numDiapo == 1) $('#speedTools a.prev').attr('href', '#'+myImgs[myImgs.length-1]);
	else $('#speedTools a.prev').attr('href', '#'+myImgs[numDiapo-2]);

}

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

function initCarousel(){

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

	// si on a plus d'un item dans le carousel	
	if (myImgs.length > 1){
		
		// on kill les CSS des liens prev/next
		$('#speedTools .prev, #speedTools .next').css('display','block');
		$('#speedTools .prev, #speedTools .next').show();
		
		// initialisation des liens prev/next
		$('#speedTools a.prev').attr('href', '#'+myImgs[myImgs.length-1]);
		$('#speedTools a.next').attr('href', '#'+myImgs[1]);
		
		// activation premier lien
		$('#pagination li:first').addClass('on');
		
		// comportement des boutons
		$('#speedTools a.prev, #speedTools a.next, #pagination li a').click(function(){
			
			// récupération du numéro de la diapo courante
			var currentDiapo = parseInt($(this).attr('href').split('_')[1]);
			
			//affichage de l'image
			showImage(currentDiapo);
			
			// réinitialisation du défilement auto			
			clearTimeout(myTimer);
			myTimer = setTimeout("carouselAutorun("+currentDiapo+")",myTiming);
			
			$(this).blur();
			return false;
			
		});
		
		// défilement auto
		myTimer = setTimeout("carouselAutorun(2)",myTiming);
		
	}
	
}

/****************************************************************************************************************
	Highlight du panier lors de l'ajout d'un produit (appeler cartHighlight)
****************************************************************************************************************/

function cartClose(){
	$('#cartBody').slideUp("slow");
}

function cartHighlight(){
	$('#cartBody').fadeIn("fast",function(){
		setTimeout("cartClose()",myTiming2);
	});
}

/****************************************************************************************************************
	onLoad
****************************************************************************************************************/

$(document).ready(function(){
	initNav();
	initSearch();
	initCarousel();
	$('.scroll-pane').jScrollPane({showArrows:true});
});