/* ------------------------ VARIABLES GLOBALES ------------------------ */
var timeToShowBlocFAQ = 500;
var timeToHideBlocFAQ = 300;

var effectToShowBlocFAQ = "easeInExpo";
var effectToHideBlocFAQ = "easeOutExpo";

/* ------------------------ INIT ------------------------ */
$(document).ready(function(){
	// On initialise les évènements
	initEvents();
});

/* ------------------------ EVENEMENTS ------------------------ */
function initEvents(){
	// On écoute le passage sur les titres des blocs
	initHoverOnBlocTitle();
	
	// On écoute le clic sur le titre des blocs
	initClickOnBlocTitle();
}

function initHoverOnBlocTitle(){
	// over/out sur les titres des blocs
	$('.blocFAQ h2').hover(
		function(){
			$(this).css('text-decoration','underline');
		},
		function(){
			$(this).css('text-decoration','none');
	});	
}

function initClickOnBlocTitle(){
	$('.blocFAQ h2').click(handleClickOnBlocTitle);
}

/* ------------------------ FONCTIONS ------------------------ */
function handleClickOnBlocTitle(e){
	// On récupère le bloc cliqué
	curBlocClicked = $(e.target).parents('.blocFAQ');
	curBlocText = $(curBlocClicked).find('.textBlocFAQ');
	
	// S'il visible, on ne fait que le cacher
	if($(curBlocText).css('display') == 'block')
	{
		$(curBlocText).removeClass('current');
		hideBlocFAQ(curBlocText);
	}
	else
	{
		$('.textBlocFAQ').removeClass('current');
		$(curBlocText).addClass('current');
		
		// Sinon on cache tous les blocs et une fois que c'est terminé on montre le bloc cliqué
		$('.textBlocFAQ:not(.current)').slideUp(
			{
				duration:timeToHideBlocFAQ,
				easing:effectToHideBlocFAQ,
				complete:showBlocFAQ(curBlocText)
			}
		);
	}
}

function showBlocFAQ(blocTextFAQ){
	$(blocTextFAQ).slideDown(
		{
			duration:timeToShowBlocFAQ,
			easing:effectToShowBlocFAQ
		}
	);
}

function hideBlocFAQ(blocTextFAQ){
	$(blocTextFAQ).slideUp(
		{
			duration:timeToHideBlocFAQ,
			easing:effectToHideBlocFAQ
		}
	);
}