////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  HOME : OPTIONS DE RECHERCHE    /////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

$('#homeRechercheOptionsDetails').hide();
$('#homeRechercheOptionsDetails').addClass('active');
	var homeSearchOptions = 0;

////// OPTIONS DU TRAJET (GENERAL) /////////////////////////////////////////////////////////////////////////////////////////////////

	
		$('#optionsRechercheHome_btn').click( function () {
		// Si les options du trajet ne sont pas encore affichées
		if (homeSearchOptions == 0) {
			// On les affichent
			$('#homeRechercheOptionsDetails').slideDown();
			$('#optionsRechercheHome_btn').addClass('active');
			// On met à jour la variable de mémorisation
			homeSearchOptions = 1;
		// Sinon
		} else {
			// On les cachent
			$('#homeRechercheOptionsDetails').slideUp();
			$('#optionsRechercheHome_btn').removeClass('active');
			// On met à jour la variable de mémorisation
			homeSearchOptions = 0;
			}
		return false;
		});
		

});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  RECHERCHE DE TRAJET : ETAPE 1  /////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

////// INITIALISATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// On cache les options de recherche avancée du trajet
	$('#gc_form_rechercheTrajet_rechercheAvancee_ul').hide();
	// On affiche le curseur de la souris en lien sur le bouton 'options du trajet'
	$('#gc_form_rechercheTrajet_rechercheAvancee_options_bouton').css('cursor','pointer');
	// Variable permettant de mémoriser si l'utilisateur a utilisé le bouton 'options du trajet'
	var gc_form_rechercheTrajet_rechercheAvancee_options_bouton_js = 0;

////// OPTIONS DU TRAJET (GENERAL) /////////////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'Options du trajet'
	$('#gc_form_rechercheTrajet_rechercheAvancee_options_bouton').click( function () {
		// Si les options du trajet ne sont pas encore affichées
		if (gc_form_rechercheTrajet_rechercheAvancee_options_bouton_js == 0) {
			// On les affichent
			$('#gc_form_rechercheTrajet_rechercheAvancee_ul').fadeIn();
			$('#gc_form_rechercheTrajet_rechercheAvancee_options_bouton').addClass('active');
			// On met à jour la variable de mémorisation
			gc_form_rechercheTrajet_rechercheAvancee_options_bouton_js = 1;
		// Sinon
		} else {
			// On les cachent
			$('#gc_form_rechercheTrajet_rechercheAvancee_ul').fadeOut();
			$('#gc_form_rechercheTrajet_rechercheAvancee_options_bouton').removeClass('active');
			// On met à jour la variable de mémorisation
			gc_form_rechercheTrajet_rechercheAvancee_options_bouton_js = 0;
			}
		});


////// OPTIONS DU TRAJET (FREQUENCE) ///////////////////////////////////////////////////////////////////////////////////////////////

	// On cache les options de trajet Fréquence quotidien, hebdomadaire, occasionel et unique
	$('.gc_form_rechercheTrajet_rechercheAvancee_quotidien').hide();
	$('.gc_form_rechercheTrajet_rechercheAvancee_unique').hide();

	// Quand le select Fréquence est modifie
	$('#frequence').change( function () {
		// Si le choix est quotidien, hebdomadaire ou occasionel
		if (this.value == 1 || this.value == 2 || this.value == 3){
			// On cache la fréquence unique (animation)
			$('.gc_form_rechercheTrajet_rechercheAvancee_unique').slideUp(300);
			// Une fois les fréquences cachées
			$(this).delay(300,function(){
				// On affiche la fréquence quotidien, hebdomadaire ou occasionel (animation)
				$('.gc_form_rechercheTrajet_rechercheAvancee_quotidien').slideDown(300);
			});
		}
		// Sinon si le choix est unique
		else if  (this.value == 4){
			// On cache la fréquence quotidien, hebdomadaire ou occasionel (animation)
			$('.gc_form_rechercheTrajet_rechercheAvancee_quotidien').slideUp(300);
			// Une fois les fréquences cachées
			$(this).delay(300,function(){
				// On affiche la fréquence unique (animation)
				$('.gc_form_rechercheTrajet_rechercheAvancee_unique').slideDown(300);
			});
		}
		// Sinon si le choix est Toutes les fréquences
		else if  (this.value == 0){
			// On cache la fréquence quotidien, hebdomadaire ou occasionel (animation)
			$('.gc_form_rechercheTrajet_rechercheAvancee_quotidien').slideUp(300);
			// On affiche la fréquence unique (animation)
			$('.gc_form_rechercheTrajet_rechercheAvancee_unique').slideUp(300);
		}

	});
});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  RECHERCHE DE TRAJET : ETAPE 3  /////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

	$('#recherche_Search #gc_liste_maRecherche_ul').hide();
	$('#gc_form_recherche_result_liens_maRecherche').addClass('active');

	$('#gc_form_recherche_result_liens_filtrer').click( function () {
		$('#gc_liste_recapitulatif_1').fadeOut(500);
		$('#gc_liste_recapitulatif_2').fadeOut(500);
		$(this).delay(500,function(){
			$('#recherche_Search #gc_liste_maRecherche_ul').fadeIn(500);
		});
		$('#gc_form_recherche_result_liens_maRecherche').removeClass('active');
		$('#gc_form_recherche_result_liens_filtrer').addClass('active');
		return false;
	});

	$('#gc_form_recherche_result_liens_maRecherche').click( function () {
		$('#recherche_Search #gc_liste_maRecherche_ul').fadeOut(500);
		$(this).delay(500,function(){
			$('#gc_liste_recapitulatif_1').fadeIn(500);
			$('#gc_liste_recapitulatif_2').fadeIn(500);
		});
		$('#gc_form_recherche_result_liens_filtrer').removeClass('active');
		$('#gc_form_recherche_result_liens_maRecherche').addClass('active');
		return false;
	});


	$('#recherche_Search .gc_liste_maRecherche .gc_form_quot_box').hide();
	$('#recherche_Search .gc_liste_maRecherche .gc_form_unique_box').hide();

	$('#recherche_Search #frequence').change( function () {

		if (this.value == 1 || this.value == 2 || this.value == 3){
			$('#recherche_Search .gc_liste_maRecherche .gc_form_unique_box').slideUp(300);
			$(this).delay(300,function(){
				$('#recherche_Search .gc_liste_maRecherche .gc_form_quot_box').slideDown(300);
			});
		}
		else if  (this.value == 4){
			$('#recherche_Search .gc_liste_maRecherche .gc_form_quot_box').slideUp(300);
			$(this).delay(300,function(){
				$('#recherche_Search .gc_liste_maRecherche .gc_form_unique_box').slideDown(300);
			});
		}
		else if  (this.value == 0){
			$('#recherche_Search .gc_liste_maRecherche .gc_form_quot_box').slideUp(300);
			$('#recherche_Search .gc_liste_maRecherche .gc_form_unique_box').slideUp(300);
		}

	});

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  MODIF D'UN TRAJET  /////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

////// INITIALISATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// On ajoute un 5ème onglet à la navigation de l'ajout de trajet quand javascript est activé
	$('#trajets_Update #gc_modifTrajet_navigation').append('<li id="gc_modifTrajet_navigation_3">Etape 3</li>');
	$('#trajets_Update #gc_modifTrajet_navigation').append('<li id="gc_modifTrajet_navigation_4">Etape 4</li>');
	$('#trajets_Recapitulatif #gc_modifTrajet_navigation').append('<li id="gc_modifTrajet_navigation_3">Etape 3</li>');
	$('#trajets_Recapitulatif #gc_modifTrajet_navigation').append('<li id="gc_modifTrajet_navigation_4">Etape 4</li>');

////// ETAPE 1 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Image de fond de la navigation avec focus sur l'étape 1
	$('#trajets_Update #gc_modifTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_1.jpg)');

////// ETAPE 2 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Variable permettant de mémoriser à quelle étape se trouve l'utilisateur
	var etat_modifTrajet = 1;

	// Au click du bouton "Etape suivante" de la deuxième étape
	$('#gc_ajoutTrajet_versEtape2').click( function () {
		// Image de fond de la navigation avec focus sur l'étape 2
		$('#trajets_Update #gc_modifTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_2.jpg)');
		// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_1').removeClass('active');
		// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
		$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_2').addClass('active');
		// On change la variable de mémorisation
		etat_modifTrajet = 2;
		// On affiche le curseur de la souris en lien sur l'étape 2 de la navigation
		$('#gc_modifTrajet_navigation_1').css('cursor','pointer');
	});

////// ETAPE 3 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Au click du bouton "Etape suivante" de la deuxième étape
	$('#gc_ajoutTrajet_versEtape3').click( function () {
		// Image de fond de la navigation avec focus sur l'étape 2
		$('#trajets_Update #gc_modifTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_3.jpg)');
		// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_2').removeClass('active');
		// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
		$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_3').addClass('active');
		// On change la variable de mémorisation
		etat_modifTrajet = 3;
		// On affiche le curseur de la souris en lien sur l'étape 2 de la navigation
		$('#gc_modifTrajet_navigation_2').css('cursor','pointer');
	});

////// ETAPE 4 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	$('#trajets_Recapitulatif #gc_modifTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_4.jpg)');
	// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#trajets_Recapitulatif #gc_modifTrajet_navigation #gc_modifTrajet_navigation_2').removeClass('active');
		// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
		$('#trajets_Recapitulatif #gc_modifTrajet_navigation #gc_modifTrajet_navigation_4').addClass('active');

////// GESTION DES LIENS DE LA NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////

	// Au click sur le bouton 'étape 1'
	$('#gc_modifTrajet_navigation_1').click( function () {
		// Si l'utilisateur est à l'étape 3
		if (etat_modifTrajet == 2) {
			// On affiche le contenu de l'étape 2
			$('#gc_form_ajoutTrajet_tab1').show();
			// On cache le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').hide();
			// Image de fond de la navigation avec focus sur l'étape 2
			$('#gc_modifTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_1.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_2').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_1').addClass('active');
			// On change la variable de mémorisation
			etat_modifTrajet = 1;
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_modifTrajet_navigation_1').css('cursor','none');
		// Sinon
		} else
		// Si l'utilisateur est à l'étape 4
		if (etat_modifTrajet == 3) {
			// On affiche le contenu de l'étape 2
			$('#gc_form_ajoutTrajet_tab1').show();
			// On cache le contenu de l'étape 4
			$('#gc_form_ajoutTrajet_tab3').hide();
			// Image de fond de la navigation avec focus sur l'étape 2
			$('#gc_modifTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/modif_trajet_nav_1.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_3').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_1').addClass('active');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 2;
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_modifTrajet_navigation_1').css('cursor','none');
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_modifTrajet_navigation_2').css('cursor','none');
		}
	});

	// Au click sur le bouton 'étape 1'
	$('#gc_modifTrajet_navigation_2').click( function () {
		// Si l'utilisateur est à l'étape 3
		if (etat_modifTrajet == 3) {
			// On affiche le contenu de l'étape 2
			$('#gc_form_ajoutTrajet_tab2').show();
			// On cache le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab3').hide();
			// Image de fond de la navigation avec focus sur l'étape 2
			$('#gc_modifTrajet_navigation').css('background-image','url(/images/images_client/letelegramme/ajoutTrajet/ajout_trajet_nav_2_nojs.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_3').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
			$('#trajets_Update #gc_modifTrajet_navigation #gc_modifTrajet_navigation_2').addClass('active');
			// On change la variable de mémorisation
			etat_modifTrajet = 2;
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_modifTrajet_navigation_2').css('cursor','none');
		}
	});

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  AJOUT D'UN TRAJET  /////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

////// INITIALISATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// On affiche les bouton d'étapes si javascipt est activé
	$('.etapeSuivanteLink').css('display','block');

	// On cache l'étape 3 et 4
	$('#gc_form_ajoutTrajet_tab2').hide();
	$('#gc_form_ajoutTrajet_tab3').hide();

	// On ajoute un 5ème onglet à la navigation de l'ajout de trajet quand javascript est activé
	$('#trajets_Add #gc_ajoutTrajet_navigation').append('<li id="gc_ajoutTrajet_navigation_5">Etape 5</li>');
	$('#trajets_AddTrajet #gc_ajoutTrajet_navigation').append('<li id="gc_ajoutTrajet_navigation_5">Etape 5</li>');
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation').append('<li id="gc_ajoutTrajet_navigation_5">Etape 5</li>');

////// ETAPE 1 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Image de fond de la navigation avec focus sur l'étape 1
	$('#trajets_Add #gc_ajoutTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_1.jpg)');
	// On affiche le curseur de la souris en lien sur l'étape 1 de la navigation
	$('#gc_ajoutTrajet_navigation_1').css('cursor','pointer');

////// ETAPE 2 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Variable permettant de mémoriser à quelle étape se trouve l'utilisateur
	var etat_ajoutTrajet = 2;
	// Image de fond de la navigation avec focus sur l'étape 2
	$('#trajets_AddTrajet #gc_ajoutTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_2.jpg)');
	// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
	$('#trajets_AddTrajet #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_3').removeClass('active');
	// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
	$('#trajets_AddTrajet #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_2').addClass('active');

	// Au click du bouton "Etape suivante" de la deuxième étape
	$('#gc_ajoutTrajet_versEtape2').click( function () {
		// On cache le contenu de l'étape 2
		$('#gc_form_ajoutTrajet_tab1').hide();

////// ETAPE 3 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		// On affiche le contenu de l'étape 3
		$('#gc_form_ajoutTrajet_tab2').show();
		// Image de fond de la navigation avec focus sur l'étape 3
		$('#gc_ajoutTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_3.jpg)');
		// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 2
		$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_2').removeClass('active');
		// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_3').addClass('active');
		// On change la variable de mémorisation
		etat_ajoutTrajet = 3;
		// On affiche le curseur de la souris en lien sur l'étape 2 de la navigation
		$('#gc_ajoutTrajet_navigation_2').css('cursor','pointer');
	});

	// Au click du bouton "Etape suivante" de la troisième étape
	$('#gc_ajoutTrajet_versEtape3').click( function () {
		// Si la date de départ est bien renseignée
		if (verifFormEtape3()) {
			// On cache le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').hide();

////// ETAPE 4 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

			// On affiche le contenu de l'étape 4
			$('#gc_form_ajoutTrajet_tab3').show();
			// Image de fond de la navigation avec focus sur l'étape 4
			$('#gc_ajoutTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_4.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_3').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_4').addClass('active');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 4;
			// On affiche le curseur de la souris en lien sur l'étape 3 de la navigation
			$('#gc_ajoutTrajet_navigation_3').css('cursor','pointer');
		}
	});

////// ETAPE 5 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Image de fond de la navigation avec focus sur l'étape 5
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation').css('background-image', 'url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_5.jpg)');
	// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_3').removeClass('active');
	// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 4
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_4').removeClass('active');
	// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 5
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_5').addClass('active');

////// GESTION DES LIENS DE LA NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////

	// Au click sur le bouton 'étape 1'
	$('#gc_ajoutTrajet_navigation_1').click( function () {
			// On renvoi sur l'étape 1 avec les villes de départ et d'arrivée saisies au préalable
			document.location.href="/trajets/Add/ajout-trajet/idVilleDepart=" + $('#idVilleDepart').val() + '_' + $('#idVilleDepart_postal').val() + "&idVilleArrivee=" + $('#idVilleArrivee').val() + '_' + $('#idVilleArrivee_postal').val() + "&idLieuDepart=" + $('#idLieuPublicDepart').val() + "&idLieuArrivee=" + $('#idLieuPublicArrivee').val();
	});

	// Au click sur le bouton 'étape 2'
	$('#gc_ajoutTrajet_navigation_2').click( function () {
		// Si l'utilisateur est à l'étape 3
		if (etat_ajoutTrajet == 3) {
			// On affiche le contenu de l'étape 2
			$('#gc_form_ajoutTrajet_tab1').show();
			// On cache le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').hide();
			// Image de fond de la navigation avec focus sur l'étape 2
			$('#gc_ajoutTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_2.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_3').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_2').addClass('active');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 2;
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_ajoutTrajet_navigation_2').css('cursor','none');
		// Sinon
		} else
		// Si l'utilisateur est à l'étape 4
		if (etat_ajoutTrajet == 4) {
			// On affiche le contenu de l'étape 2
			$('#gc_form_ajoutTrajet_tab1').show();
			// On cache le contenu de l'étape 4
			$('#gc_form_ajoutTrajet_tab3').hide();
			// Image de fond de la navigation avec focus sur l'étape 2
			$('#gc_ajoutTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_2.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_4').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 2
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_2').addClass('active');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 2;
			// On enlève le curseur de lien sur le bouton 'étape 2'
			$('#gc_ajoutTrajet_navigation_2').css('cursor','none');
			// On enlève le curseur de lien sur le bouton 'étape 3'
			$('#gc_ajoutTrajet_navigation_3').css('cursor','none');
		}
	});

	// Au click sur le bouton 'étape 3'
	$('#gc_ajoutTrajet_navigation_3').click( function () {
		<!--window.location.href="/trajets/Add/"; -->
		// Si l'utilisateur est à l'étape 4
		if (etat_ajoutTrajet == 4) {
			// On affiche le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').show();
			// On cache le contenu de l'étape 4
			$('#gc_form_ajoutTrajet_tab3').hide();
			// Image de fond de la navigation avec focus sur l'étape 3
			$('#gc_ajoutTrajet_navigation').css('background-image','url(/images/images_client/autoclubaix/default/ajoutTrajet/ajout_trajet_nav_3.jpg)');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_4').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#trajets_AddTrajet #gc_ajoutTrajet_navigation_3').addClass('active');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 3;
			// On enlève le curseur de lien sur le bouton 'étape 3'
			$('#gc_ajoutTrajet_navigation_3').css('cursor','none');
		}
	});

	// Si l'on est sur la 5ème étape, on empèche de retourner à la 1ère étape
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_1').click( function () {return false;});

});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  MESSAGERIE  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

////// INITIALISATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// On cache la boite d'envoi
	$('#gc_messagerie_envoye').hide();
	// On applique la classe active au lien 'Boite de réception'
	$('#messagerieBoiteReception').addClass('active');

////// BOITE D'ENVOI ///////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'boite d'envoi'
	$('#messagerieBoiteEnvoi').click( function () {
		// On cache la boite de réception (animation)
		$('#gc_messagerie_recu').fadeOut(500, function () {
			// Une fois l'animation	terminée, on affiche la boite d'envoi (animation)
			$('#gc_messagerie_envoye').fadeIn(500);
		});
		// On enlève la classe active au lien 'Boite de réception'
		$('#messagerieBoiteReception').removeClass('active');
		// On applique la classe active au lien 'Boite d'envoi'
		$('#messagerieBoiteEnvoi').addClass('active');
		// On empèche le lien du bouton
		return false;
	});

////// BOITE DE RECEPTION //////////////////////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'Boite de réception'
	$('#messagerieBoiteReception').click( function () {
		// On cache la boite d'envoi (animation)
		$('#gc_messagerie_envoye').fadeOut(500, function () {
			// Une fois l'animation terminée, on affiche la boite de réception (animation)
			$('#gc_messagerie_recu').fadeIn(500);
		});
		// On enlève la classe active au lien 'Boite d'envoi'
		$('#messagerieBoiteEnvoi').removeClass('active');
		// On applique la classe active au lien 'Boite de réception'
		$('#messagerieBoiteReception').addClass('active');
		return false;
	});

});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  DETAIL DE L'EQUIPAGE  //////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Au chargement du DOM
$(document).ready(function() {

////// INITIALISATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////

	// On cache le planning de l'équipage de la semaine 2
	$('#equipageTabBox1').hide();
	// On cache le planning de l'équipage de la semaine 3
	$('#equipageTabBox2').hide();
	// On cache le planning de l'équipage de la semaine 4
	$('#equipageTabBox3').hide();
	// On applique la classe active au lien de la semaine 1
	$('#equipageDetailSemaine0').addClass('active');

////// PLANNING DE L'EQUIPAGE : SEMAINE 1 //////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'semaine 1'
	$('#equipageDetailSemaine0').click(function() {
		// On cache le planning de l'équipage de la semaine 2 (animation)
		$('#equipageTabBox1').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 3 (animation)
		$('#equipageTabBox2').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 4 (animation)
		$('#equipageTabBox3').fadeOut(500);
		// Une fois les plannings de l'équipage cachés
		$(this).delay(500,function(){
			// On affiche le planning de l'équipage de la semaine 1 (animation)
			$('#equipageTabBox0').fadeIn(500);
		});
		// On retire la classe active aux liens de la semaine 2, 3 et 4
		$('#equipageDetailSemaine1').removeClass('active');
		$('#equipageDetailSemaine2').removeClass('active');
		$('#equipageDetailSemaine3').removeClass('active');
		// On applique la classe active au lien de la semaine 1
		$('#equipageDetailSemaine0').addClass('active');
		// On empèche le lien du bouton
		return false;
	});

////// PLANNING DE L'EQUIPAGE : SEMAINE 2 //////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'semaine 2'
	$('#equipageDetailSemaine1').click(function() {
		// On cache le planning de l'équipage de la semaine 1 (animation)
		$('#equipageTabBox0').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 3 (animation)
		$('#equipageTabBox2').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 4 (animation)
		$('#equipageTabBox3').fadeOut(500);
		// Une fois les plannings de l'équipage cachés
		$(this).delay(500,function(){
			// On affiche le planning de l'équipage de la semaine 2 (animation)
			$('#equipageTabBox1').fadeIn(500);
		});
		// On retire la classe active aux liens de la semaine 1, 3 et 4
		$('#equipageDetailSemaine0').removeClass('active');
		$('#equipageDetailSemaine2').removeClass('active');
		$('#equipageDetailSemaine3').removeClass('active');
		// On applique la classe active au lien de la semaine 2
		$('#equipageDetailSemaine1').addClass('active');
		// On empèche le lien du bouton
		return false;
	});

////// PLANNING DE L'EQUIPAGE : SEMAINE 3 //////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'semaine 3'
	$('#equipageDetailSemaine2').click(function() {
		// On cache le planning de l'équipage de la semaine 1 (animation)
		$('#equipageTabBox0').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 2 (animation)
		$('#equipageTabBox1').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 4 (animation)
		$('#equipageTabBox3').fadeOut(500);
		// Une fois les plannings de l'équipage cachés
		$(this).delay(500,function(){
			// On affiche le planning de l'équipage de la semaine 3 (animation)
			$('#equipageTabBox2').fadeIn(500);
		});
		// On retire la classe active aux liens de la semaine 1, 2 et 4
		$('#equipageDetailSemaine0').removeClass('active');
		$('#equipageDetailSemaine1').removeClass('active');
		$('#equipageDetailSemaine3').removeClass('active');
		// On applique la classe active au lien de la semaine 3
		$('#equipageDetailSemaine2').addClass('active');
		// On empèche le lien du bouton
		return false;
	});

////// PLANNING DE L'EQUIPAGE : SEMAINE 4 //////////////////////////////////////////////////////////////////////////////////////////

	// Quand l'utilisateur click sur le lien 'semaine 4'
	$('#equipageDetailSemaine3').click(function() {
		// On cache le planning de l'équipage de la semaine 1 (animation)
		$('#equipageTabBox0').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 2 (animation)
		$('#equipageTabBox1').fadeOut(500);
		// On cache le planning de l'équipage de la semaine 3 (animation)
		$('#equipageTabBox2').fadeOut(500);
		// Une fois les plannings de l'équipage cachés
		$(this).delay(500,function(){
			// On affiche le planning de l'équipage de la semaine 4 (animation)
			$('#equipageTabBox3').fadeIn(500);
		});
		// On retire la classe active aux liens de la semaine 1, 2 et 3
		$('#equipageDetailSemaine0').removeClass('active');
		$('#equipageDetailSemaine1').removeClass('active');
		$('#equipageDetailSemaine2').removeClass('active');
		// On applique la classe active au lien de la semaine 4
		$('#equipageDetailSemaine3').addClass('active');
		// On empèche le lien du bouton
		return false;
	});

});


 
$(function() {

$('#homeCarteConteneur area, #CarteConteneur area').tooltip({
	track: true,
	delay: 0,
	showURL: false,
	showBody: " - ",
	fade: 250
});


}); 

 
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  Affichage Carto  //////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {					   
	$('#CarteConteneur').hide();
	$('#lienCarto').click(function() {
		$("#homeCarteConteneur").fadeOut(800, function () {
		$('#CarteConteneur').fadeIn(800);
		});	
		return false;
	});
	$('#lienCarto2').click(function() {		
		$("#CarteConteneur").fadeOut(800, function () {
		$('#homeCarteConteneur').fadeIn(800);
		});
		return false;
	});
});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  BOITES MODALES /////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	//////  INITIALISATION  ////////////////////////////////////////////////////////////////////////////////////////////////////////

	
	var suppressionLink = "";
	var documentWidth = $(document).width()+'px';  
	var documentHeight = $(document).height()+'px';
	var windowWidth = $(window).width();  
	var windowHeight = $(window).height();
	
			//Get the window height and width

	
	///////////////////////////////////////////////
	
	function calculPlacementModal(){		
	if(navigator.appName.substring(0, 3) == "Mic"){
		var x = document.documentElement.scrollTop + document.body.scrollTop + windowHeight/2-$('#gc_fmk_suppression').height()/2;
		$('#gc_fmk_suppression').css('top', x + "px");	
		$('#gc_fmk_suppression').css('left', windowWidth/2-$('#gc_fmk_suppression').width()/2);		

	// OTHER	
	}else{
		$('#gc_fmk_suppression').css('position',  'fixed');
		$('#gc_fmk_suppression').css('top',  windowHeight/2-$('#gc_fmk_suppression').height()/2);
		$('#gc_fmk_suppression').css('left', windowWidth/2-$('#gc_fmk_suppression').width()/2);	

		$('#gc_fmk_loader').css({
			top: windowHeight/2-$('#gc_fmk_suppression').height()/2,
			left: windowHeight/2-$('#gc_fmk_suppression').height()/2
		});
	}				
	}
	///////////////////////////////////////////////
	
	$('#gc_fmk_suppression_noir').css({
		width: documentWidth,	
		height: documentHeight,
		opacity: 0.8
	});
	
	$('#gc_fmk_loader_noir').css({
		width: documentWidth,	
		height: documentHeight,
		opacity: 0.8
	});
	
		$('#gc_fmk_suppression_noir').click(function() {
		$('#gc_fmk_suppression_noir').fadeOut(300);
		$('#gc_fmk_suppression').fadeOut(300);
	});

	
	//////  RECHERCHE (Loader)  ///////////////////////////////////////////////////////////////////////

	$('.gc_fmk_load_action').click(function() {
		$('#gc_fmk_loader_noir').fadeIn(300);
		$('#gc_fmk_loader').fadeIn(300);
	});
	

	
	//////  OnClick sur le fond noir (ferme la boite modale)  ///////////////////////////////////////////////////////////////////////
	$('#gc_fmk_suppression_noir').click(function() {
		$('#gc_fmk_suppression_noir').fadeOut(300);
		$('#gc_fmk_suppression').fadeOut(300);
	});
	

	
	///// MES TRAJETS (supprimer) /////
	$('.gc_fmk_suppression_mesTrajets').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idTrajet = suppressionId.split('_');
		urlRedirect = '/trajets.php?action=Delete&idTrajet='+idTrajet[1]+'&confDel=1';
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});
	
	///// MES TRAJETS FAVORIS (supprimer) /////
	$('.gc_fmk_suppression_mesTrajetsFavoris').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idFavori = suppressionId.split('|');
		urlRedirect = '/trajets.php?action=DeleteTrajetFavoris&idvd='+idFavori[1]+'&idva='+idFavori[2];

		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});
	
	///// MES EQUIPAGES (supprimer) /////
	$('.gc_fmk_suppression_mesEquipages').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idEquipage = suppressionId.split('_');
		urlRedirect = '/equipages/DeleteMembre/suppression-membre/id='+idEquipage[1];
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});
	
	///// MESSAGERIE (supprimer) /////
	$('.gc_fmk_suppression_messagerie').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idMessage = suppressionId.split('_');
		urlRedirect = '/messagerie.php?action=Delete&idMessage='+idMessage[1]+'&r='+idMessage[2];
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});

	///// MES CONTACTS (supprimer) /////
	$('.gc_fmk_suppression_mesContacts').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idMembre = suppressionId.split('_');
		urlRedirect = '/membres.php?action=DeleteMembreFavoris&idmf='+idMembre[1];
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});

	///// MES ENTREPRISES (se détacher) /////
	$('.gc_fmk_suppression_mesEntreprises').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idEntreprise = suppressionId.split('_');
		urlRedirect = '/membres.php?action=DetacherEntreprise&id='+idEntreprise[1];
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});	
	
	///// MES SITES PROFESSIONNELS (se détacher) /////
	$('.gc_fmk_suppression_mesSitesEntreprises').click(function() {
		calculPlacementModal();
		suppressionId = $(this).attr("id");
		idSite = suppressionId.split('_');
		urlRedirect = '/membres.php?action=DetacherSiteEntreprise&id='+idSite[1];
		redirectFadeIn(urlRedirect, '#gc_fmk_suppression a.gc_fmk_suppression_oui', '#gc_fmk_suppression_noir', '#gc_fmk_suppression');
		return false;
	});
	
	
	function redirectFadeIn(url, idOui, idNoir, id) {
		$(idOui).attr('href', url);
		$(idNoir).fadeIn(300);
		$(id).fadeIn(300);
	}
	/*
	$('#gc_fmk_suppression_link').click(function() {
		delete();
												 
		suppressionLink = $(this).attr("href");
		$('#gc_fmk_suppression a.gc_fmk_suppression_oui').attr('href',suppressionLink);
		$('#gc_fmk_suppression_noir').fadeIn(300);
		$('#gc_fmk_suppression').fadeIn(300);
		return false;
	});*/
	
	$('#gc_fmk_suppression a.gc_fmk_suppression_non').click(function() {
		$('#gc_fmk_suppression_noir').fadeOut(300);
		$('#gc_fmk_suppression').fadeOut(300);
		return false;
	});
	

$(document).ready(function() {
	/* Lecture du cookie "ProfilEtat" */			   
	var gc_sidebar_profil = gc_ReadCookie("ProfilEtat");	
	if (gc_sidebar_profil == null) {
			gc_sidebar_profil = 0;
		} 		
	if (gc_sidebar_profil == 0) {	
		$("#gc_fmk_espace_logue_profil").css({display: "none"});	
	} else {
		/* Si le cookie n'existe pas définir "gc_sidebar_profil" par default = 1 */		
		$("#gc_fmk_espace_logue_profil").css({display: "block"});
	}
});