$(document).ready(function() {
	$('a[@rel*=facebox]').facebox(); // Images a afficher en "popup"
	
	// On cache tous les sous paragraphes par defaut et on affiche la puce "off" devant chaque paragraphe
	// On masque egalement le contenu des sous-paragraphes
	$('.detail_transporteur .sous_paragraphe, .detail_transporteur .sous_paragraphe div.sous_h3').hide(); 
	$('.detail_transporteur .fle_on').removeClass('fle_on').addClass('fle');
	
	// Click sur le titre d'un paragraphe. On affiche ou on masque en fonction de la visibilite du contenu
	$('.detail_transporteur .titreParagrapheTransporteur').click(function() {
		var contenu = $(this).next().find('.sous_paragraphe');
		showContenuTransporteur(contenu, $(this));
	});
	
	$('.detail_transporteur .titreSousParagrapheTransporteur').click(function() {
		var contenu = $(this).next();
		showContenuTransporteur(contenu, $(this));
	});
	
	$('#readAllTransporteur').click(function() {
		var contenu = $('.sous_paragraphe, .sous_h3');
		var titres = $('.titreParagrapheTransporteur, .titreSousParagrapheTransporteur');
		showContenuTransporteur(contenu, titres);
	});
	
	/**
	 * Gestion de l'affichage des blocs de contenu Transporteurs
	 * @param jQuery contenu Bloc a afficher/masquer
	 * @param jQuery clickedEl Element clique pour declencher la fonction. Utilise pour ajouter/supprimer la classe css "fle_on"
	 */
	function showContenuTransporteur(contenu, clickedEl) {
		if(contenu.length) {
			if(contenu.is(':visible')) { // Contenu deja visible
				clickedEl.removeClass('fle_on').addClass('fle');
				contenu.slideUp();
			} else {
				clickedEl.removeClass('fle').addClass('fle_on');
				contenu.slideDown();
			}
		}
	}
});