/* Gestion liste lieux */
$(document).ready(function() {
						   
	$('div.ville_box').hide();
	$('#boite_ville_A').show();
	$('ul.fmk_lettreVille li a#ville_A').addClass('active');
	
	$('ul.fmk_lettreVille li a').click(function(){
												
		$('ul.fmk_lettreVille li a').removeClass('active');
		$(this).addClass('active');
		
		$('div.ville_box').hide();		
		var IDlieuClic = $(this).attr("id");
		$('#boite_'+IDlieuClic).fadeIn(400);
		return false;
		
	});	
	
});


$(document).ready(function() {
	$('#gc_detail_trajet_liste li').hover(function() {
			$(this).addClass("test");
		}, function() {
			$(this).removeClass("test");
		});
});



$(document).ready(function() {
	$('#gc_fmk_code_ent_valid_btn').click(function() {
		return false;	
	});
});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  COMPORTEMENT DES TABLEAUX  /////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$(document).ready(function() {

	$('.gc_fmk_table_general tr').hover(function() {
			$(this).addClass("table_hover");
		}, function() {
			$(this).removeClass("table_hover");
		});


});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  PLAN DU SITE  //////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$(document).ready(function() {

	$('#contenu_plan #gc_contenu_box ul.gc_fmk_plan_site_liste').hide();
	
	$('#contenu_plan #gc_contenu_box p').click( function () {	
		$('#contenu_plan #gc_contenu_box ul.gc_fmk_plan_site_liste').slideUp(500);
		$(this).next().slideDown(500);	
	});

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  CHANGEMENT TAILLE DU TEXTE  ////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


// Au chargement du DOM
$(document).ready(function() {
						   
	/////////////////////////////////////////////
	//////  CHANGEMENT TAILLE DU TEXTE  /////////
	/////////////////////////////////////////////							   
	var tailleTxt = gc_ReadCookie("cookieTailleTxt");	
	
	if (tailleTxt == null) {
		tailleTxt = 5;
	}
				
	if(typeof(tailleTxt)=="undefined"){
		document.write("undefined");
	}else{
		if (tailleTxt == 1) {$('html').animate({fontSize: '60%'}, 1);} else
		if (tailleTxt == 2) {$('html').animate({fontSize: '70%'}, 1);} else
		if (tailleTxt == 3) {$('html').animate({fontSize: '80%'}, 1);} else
		if (tailleTxt == 4) {$('html').animate({fontSize: '90%'}, 1);} else
		if (tailleTxt == 5) {$('html').animate({fontSize: '100%'}, 1);} else
		if (tailleTxt == 6) {$('html').animate({fontSize: '110%'}, 1);} else
		if (tailleTxt == 7) {$('html').animate({fontSize: '120%'}, 1);} else
		if (tailleTxt == 8) {$('html').animate({fontSize: '130%'}, 1);} else
		if (tailleTxt == 9) {$('html').animate({fontSize: '140%'}, 1);} else
		if (tailleTxt == 10) {$('html').animate({fontSize: '150%'}, 1);} 		
		$('#nav a').css('font-size', '13px');	
	}
	
	////// AUGMENTATION DE LA TAILLE DU TEXTE //////
	// Quand on click sur le bouton 'augmenter la taille du texte',
	$('.taille_text_plus').click( function () {	
		// Si la variable de repère est à 1, on augmente la taille du texte à 40% de la balise html
		if (tailleTxt == 1) {$('html').animate({fontSize: '70%'}, 1); tailleTxt = 2;} else
		if (tailleTxt == 2) {$('html').animate({fontSize: '80%'}, 1); tailleTxt = 3;} else
		if (tailleTxt == 3) {$('html').animate({fontSize: '90%'}, 1); tailleTxt = 4;} else
		if (tailleTxt == 4) {$('html').animate({fontSize: '100%'}, 1); tailleTxt = 5;} else
		if (tailleTxt == 5) {$('html').animate({fontSize: '110%'}, 1); tailleTxt = 6;} else
		if (tailleTxt == 6) {$('html').animate({fontSize: '120%'}, 1); tailleTxt = 7;} else
		if (tailleTxt == 7) {$('html').animate({fontSize: '130%'}, 1); tailleTxt = 8;} else
		if (tailleTxt == 8) {$('html').animate({fontSize: '140%'}, 1); tailleTxt = 9;} else
		if (tailleTxt == 9) {$('html').animate({fontSize: '150%'}, 1); tailleTxt = 10;}		
		gc_CreateCookie("cookieTailleTxt", tailleTxt);		
		// Le texte 'changer la taille du texte reste à la même taille
		$('#nav a').css('font-size', '13px');			
		return false;	
	});
	
	////// DIMINUTION DE LA TAILLE DU TEXTE //////
	// Quand on click sur le bouton 'diminuer la taille du texte',
	$('.taille_text_moins').click( function () {
		if (tailleTxt == 10) {$('html').animate({fontSize: '140%'}, 1); tailleTxt = 9;} else
		if (tailleTxt == 9) {$('html').animate({fontSize: '130%'}, 1); tailleTxt = 8;} else
		if (tailleTxt == 8) {$('html').animate({fontSize: '120%'}, 1); tailleTxt = 7;} else
		if (tailleTxt == 7) {$('html').animate({fontSize: '110%'}, 1); tailleTxt = 6;} else
		if (tailleTxt == 6) {$('html').animate({fontSize: '100%'}, 1); tailleTxt = 5;} else
		if (tailleTxt == 5) {$('html').animate({fontSize: '90%'}, 1); tailleTxt = 4;} else
		if (tailleTxt == 4) {$('html').animate({fontSize: '80%'}, 1); tailleTxt = 3;} else
		if (tailleTxt == 3) {$('html').animate({fontSize: '70%'}, 1); tailleTxt = 2;} else
		if (tailleTxt == 2) {$('html').animate({fontSize: '60%'}, 1); tailleTxt = 1;}		
		gc_CreateCookie("cookieTailleTxt", tailleTxt);		
		$('#nav a').css('font-size', '13px');		
		return false;							
	});
	////// COOKIE POUR LA TAILLE DU TEXTE ////////////////////////////////////////////////////////////////////////////////////////////



});



////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  HOME : FORMULAIRE DE CONNEXION  ////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

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

	//$('#gc_home_connect_nav li a').css('background-image','/images/images_client/cg73/default/cg73_p_panel_a_arrow_on.gif');

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  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').show();
			// 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').hide();
			// On met à jour la variable de mémorisation
			gc_form_rechercheTrajet_rechercheAvancee_options_bouton_js = 0;
			}
		});

	// Quand l'utilisateur passe sur le lien 'Options de trajet'
	$('#gc_form_rechercheTrajet_rechercheAvancee_options_bouton').hover(function() {
		// On affiche la classe active du lien 'Options de trajet'
		$(this).css('color','#98bf0d');
	// Quand l'utilisateur pars du lien 'Options de trajet'
	}, function() {
		// On enlève la classe active du lien 'Options de trajet'
		$(this).css('color','#d23223');
	});

////// 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);
		}

	});

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  DETAIL D'UN EVENEMENT  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

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

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

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

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

	// Quand l'utilisateur click sur le lien 'boite d'envoi'
	$('#gc_detailEvenement_trajetRetour_Link').click( function () {
		// On cache la boite de réception (animation)
		$('#gc_detailEvenement_trajetsAller_tab').fadeOut(500, function () {
			// Une fois l'animation	terminée, on affiche la boite d'envoi (animation)
			$('#gc_detailEvenement_trajetsRetour_tab').fadeIn(500);
		});
		// On enlève la classe active au lien 'Boite de réception'
		$('#gc_detailEvenement_trajetAller_Link').removeClass('active');
		// On applique la classe active au lien 'Boite d'envoi'
		$('#gc_detailEvenement_trajetRetour_Link').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'
	$('#gc_detailEvenement_trajetAller_Link').click( function () {
		// On cache la boite d'envoi (animation)
		$('#gc_detailEvenement_trajetsRetour_tab').fadeOut(500, function () {
			// Une fois l'animation terminée, on affiche la boite de réception (animation)
			$('#gc_detailEvenement_trajetsAller_tab').fadeIn(500);
		});
		// On enlève la classe active au lien 'Boite d'envoi'
		$('#gc_detailEvenement_trajetRetour_Link').removeClass('active');
		// On applique la classe active au lien 'Boite de réception'
		$('#gc_detailEvenement_trajetAller_Link').addClass('active');
		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;
	});

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  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/cg73/default/ajout_trajet_nav_1_nojs.gif)');

////// 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/cg73/default/ajout_trajet_nav_2_nojs.gif)');
		// 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/cg73/default/ajout_trajet_nav_3_nojs.gif)');
		// 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/cg73/default/ajout_trajet_nav_4_nojs.gif)');
	// 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/cg73/default/ajout_trajet_nav_1_nojs.gif)');
			// 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/cg73/default/ajout_trajet_nav_1_nojs.gif)');
			// 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/cg73/default/ajout_trajet_nav_2_nojs.gif)');
			// 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/cg73/default/ajout_trajet_nav_1.gif)');
	// 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/cg73/default/ajout_trajet_nav_2.gif)');
	// 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/cg73/default/ajout_trajet_nav_3.gif)');
		// 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/cg73/default/ajout_trajet_nav_4.gif)');
			// 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/cg73/default/ajout_trajet_nav_5.gif)');
	// 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/cg73/default/ajout_trajet_nav_2.gif)');
			// 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/cg73/default/ajout_trajet_nav_2.gif)');
			// 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/cg73/default/ajout_trajet_nav_3.gif)');
			// 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;});

});

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////  AUTOCOMPLETION  /////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

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

	function formatItem(row) {
		return row[0] + " (<strong>id: " + row[1] + "</strong>)";
	}
	function formatResult(row) {
		return row[0].replace(/(<.+?>)/gi, '');
	}

	param_get = ReturnParamGet();

	/**
	 * Autocomplétion ville de départ
	 */
	idChampValue_depart_bis = '#villeDepart_bis';
	idChampHiddenValue_depart_bis = '#idVilleDepart_bis';
	idChampPaysValue_depart_bis = '#paysDepart_bis';

	if($(idChampHiddenValue_depart_bis).val() != '') {
			/*GetLieuPublic($(idChampHiddenValue_depart).val(), '#idLieuDepart');

			if(param_get['idLieuDepart'] != '') {
				$('#idLieuDepart option[value=' + param_get['idLieuDepart'] + ']').attr("selected", "selected");
			}*/
	}

	$(idChampValue_depart_bis).autocomplete("/ajax/geonames.php?action=SearchCityMemory", {
		width: 260,
		minChars: 3,
		selectFirst: true,
		delay: 200,
		cacheLength: 1,
		max: 150
	});
	/*,
		extraParams: {
			pays: function() { return $('#paysDepart').val(); }
		}*/

	$(idChampValue_depart_bis).result(function(event, data_depart_bis, formatted) {
		if (data_depart_bis) {
			//Valeur du champ input après sélection
			$(idChampValue_depart_bis).val(data_depart_bis[2]);
			//Valeur de l'idVille après sélection
			$(idChampHiddenValue_depart_bis).val(data_depart_bis[1]);
			//Valeur de l'idPays après sélection
			$(idChampPaysValue_depart_bis).val(data_depart_bis[3]);

			//Lieu correspondant au Depart
			//GetLieuPublic($(idChampHiddenValue_depart_bis).val(), '#idLieuDepart');
		}
	});

	/**
	 * Autocomplétion ville d'arrivée
	 */
	idChampValue_arrivee_bis = '#villeArrivee_bis';
	idChampHiddenValue_arrivee_bis = '#idVilleArrivee_bis';
	idChampPaysValue_arrivee_bis = '#paysArrivee_bis';

	if($(idChampHiddenValue_arrivee_bis).val() != '') {
			/*GetLieuPublic($(idChampHiddenValue_arrivee).val(), '#idLieuArrivee');

			if(param_get['idLieuDepart'] != '') {
				$('#idLieuArrivee option[value=' + param_get['idLieuArrivee'] + ']').attr("selected", "selected");
			}*/
	}

	$(idChampValue_arrivee_bis).autocomplete("/ajax/geonames.php?action=SearchCityMemory", {
		width: 260,
		minChars: 3,
		selectFirst: true,
		delay: 200,
		cacheLength: 1,
		max: 150
	});

	$(idChampValue_arrivee_bis).result(function(event, data_arrivee_bis, formatted) {
		if (data_arrivee_bis) {
			//Valeur du champ input après sélection
			$(idChampValue_arrivee_bis).val(data_arrivee_bis[2]);
			//Valeur de l'idVille après sélection
			$(idChampHiddenValue_arrivee_bis).val(data_arrivee_bis[1]);
			//Valeur de l'idPays après sélection
			$(idChampPaysValue_arrivee_bis).val(data_arrivee_bis[3]);

			//Lieu correspondant a l'Arrivee
			//GetLieuPublic($(idChampHiddenValue_arrivee_bis).val(), '#idLieuArrivee');
		}
	});
});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////	AUTOCOMPLETION  ////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Initialisation du plugin bgiframe permettant de solutionner le problème du z-index face aux select sur ie6
/*
$(function() {
	$('.ac_results').bgiframe();
});
*/