// ===========================================================
// =						 Variables
// ===========================================================
var $blocSlideDown;

$(function(){
	$blocSlideDown = $(".accordion");
	$blocSlideDown_closed = $("li.fermer");

	// ===========================================================
	// =						 Events
	// ===========================================================

	$blocSlideDown.children(".accordion_title").click(toggleBlocAccordeon);
	$blocSlideDown_closed.each(initBlocAccordeon);
	//$("#afficherTout").click(afficherTousAccordeon);
	//$("#cacherTout").click(cacherTousAccordeon);
});
// ===========================================================
// =						 Fonctions
// ===========================================================
function initBlocAccordeon(){
	var $bloc = $(this);
	$bloc.height($bloc.children("div.accordion_title").outerHeight());
}

function toggleBlocAccordeon(){
	var $bloc = $(this).parent();
	
	if($bloc.hasClass("ouvert")){// s'il est ouvert, on ferme le bloc
		$bloc.find("div:first").removeClass("active");//relative au site LaListe (changement d'icone sur la barre clikable)
		cacherBlocAccordeon($bloc);	
	}else if($bloc.hasClass("fermer")){ // s'il est fermer, on ouvre le bloc
		$bloc.find("div:first").addClass("active");//relative au site LaListe (changement d'icone sur la barre clikable)
		afficherBlocAccordeon($bloc);	
	}// else transition entre 2 états
}

function afficherBlocAccordeon($bloc){
	$bloc.removeClass("fermer").addClass("transition");
	$bloc.animate({height : $bloc.children("div.accordion_title").outerHeight() + $bloc.children("div.accordion_content").outerHeight() + 20}, 1300, function(){
		$bloc.removeClass("transition").addClass("ouvert");
	});
}

function cacherBlocAccordeon($bloc){
	$bloc.removeClass("ouvert").addClass("transition");
	$bloc.animate({height : $bloc.children("div.accordion_title").outerHeight()}, 1300, function(){
		$bloc.removeClass("transition").addClass("fermer");
	});
}

function afficherTousAccordeon(){
	$blocSlideDown.each(function(){
		if($(this).hasClass("fermer")){
			afficherBlocAccordeon($(this));
		}
	});
}

function cacherTousAccordeon(){
	$blocSlideDown.each(function(){
		if($(this).hasClass("ouvert")){
			cacherBlocAccordeon($(this));
		}
	});
}