//////  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;							
	});
	
	/////////////////////////////////////////////////////////////
	//////  COLLPASE DANS LES PAGES DE CONTENUS  ////////////////
	/////////////////////////////////////////////////////////////
	
	//////  INITIALISATION  //////
	$(".gc_fmk_collapse").hide();
	$(".gc_fmk_collapse:first").show();
	$('#gc_fmk_page_contenu h2').css('cursor', 'pointer');	

	//////  ACTIONS  //////
	$('#gc_fmk_page_contenu h2').click(function() {
		if ($(this).next().is(':visible')) {
			$(".gc_fmk_collapse").slideUp(200);
		} else {
			$(".gc_fmk_collapse").slideUp(200);
			$(this).next().slideDown(200);			
		}
	});
	
	
	///////////////////////////
	//  DEFAULT FOCUS VALUE  //
	///////////////////////////
	
	var defaultvilleDepartValue = $('#villeDepart').val();
	$('#villeDepart').focus( function () {
		if ($('#villeDepart').val() == defaultvilleDepartValue) {$('#villeDepart').val('');} 
	});
	$('#villeDepart').blur( function () {
		if ($('#villeDepart').val() == '') {$('#villeDepart').val(defaultvilleDepartValue);} 
	});
	
	var defaultvilleArriveeValue = $('#villeArrivee').val();
	$('#villeArrivee').focus( function () {
		if ($('#villeArrivee').val() == defaultvilleArriveeValue) {$('#villeArrivee').val('');} 
	});
	$('#villeArrivee').blur( function () {
		if ($('#villeArrivee').val() == '') {$('#villeArrivee').val(defaultvilleArriveeValue);} 
	});


	var defaultKeywordValue = $('#keyword').val();	
	$('#keyword').focus( function () {
		if ($('#keyword').val() == defaultKeywordValue) {$('#keyword').val('');} 
	});	
	$('#keyword').blur( function () {
		if ($('#keyword').val() == '') {$('#keyword').val(defaultKeywordValue);} 
	});



	///////////////////////
	//  AUTO COMPLETION  //
	///////////////////////

	/*idChampValue_depart = '#villeDepart';
	idChampHiddenValue_depart = '#idVilleDepart';
	idChampPaysValue_depart = '#paysDepart';

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

	$(idChampValue_depart).result(function(event, data_depart, formatted) {
		if (data_depart) {
			//Valeur du champ input après sélection
			$(idChampValue_depart).val(data_depart[2]);
			//Valeur de l'idVille après sélection
			$(idChampHiddenValue_depart).val(data_depart[1]);
			//Valeur de l'idPays après sélection
			$(idChampPaysValue_depart).val(data_depart[3]);
		}
	});

	idChampValue_arrivee = '#villeArrivee';
	idChampHiddenValue_arrivee = '#idVilleArrivee';
	idChampPaysValue_arrivee = '#paysArrivee';

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

	$(idChampValue_arrivee).result(function(event, data_arrivee, formatted) {
		if (data_arrivee) {
			//Valeur du champ input après sélection
			$(idChampValue_arrivee).val(data_arrivee[2]);
			//Valeur de l'idVille après sélection
			$(idChampHiddenValue_arrivee).val(data_arrivee[1]);
			//Valeur de l'idPays après sélection
			$(idChampPaysValue_arrivee).val(data_arrivee[3]);
		}
	});*/

	//////////////////////////////////
	//////  AJOUT D'UN TRAJET  ///////
	//////////////////////////////////
	
	////// INITIALISATION //////
	// On affiche les bouton d'étapes si javascipt est activé
	$('.etapeSuivanteLink').css('display','block');
	$('#gc_ajoutTrajet_navigation').addClass('gc_ajoutTrajet_navigation_js');

	// 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 2 /////////////////////////////////////
	// Variable permettant de mémoriser à quelle étape se trouve l'utilisateur
	var etat_ajoutTrajet = 2;

	// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
	$('#trajets_AddTrajet #gc_ajoutTrajet_navigation li').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');

	////// ETAPE 3 ////////////////////////////////////
	// 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();
		// 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
		$('#trajets_AddTrajet .gc_ajoutTrajet_navigation_js').css('background-position', '0 -44px');
		// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#gc_ajoutTrajet_navigation li').removeClass('active');
		// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 3
		$('#gc_ajoutTrajet_navigation_3').addClass('active');
		// On applique le style etape terminee au bouton de l'etape 2
		$('#gc_ajoutTrajet_navigation_2').addClass('etape_terminee');
		// On change la variable de mémorisation
		etat_ajoutTrajet = 3;
	});

	////// ETAPE 4 //////////////////////////////////////
	// 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();
			// 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
			$('#trajets_AddTrajet .gc_ajoutTrajet_navigation_js').css('background-position', '0 -66px');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#gc_ajoutTrajet_navigation li').removeClass('active');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#gc_ajoutTrajet_navigation_4').addClass('active');
			// On applique le style etape terminee au bouton de l'etape 3
			$('#gc_ajoutTrajet_navigation_3').addClass('etape_terminee');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 4;
		}
	});

	////// ETAPE 5 ///////////////////////////////////////////
	// Image de fond de la navigation avec focus sur l'étape 5
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation').addClass('gc_ajoutTrajet_navigation_js_etape5');
	// On applique le style etape terminee aux boutons des étapes 1, 2, 3 et 4 
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation li').removeClass('etape_terminee').addClass('etape_recap');
	// On applique le style active au bouton de la 5eme etape
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation #gc_ajoutTrajet_navigation_5').removeClass('etape_recap').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 3
			$('#gc_form_ajoutTrajet_tab1').show();
			// On affiche le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').hide();
			// 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-position', '0 -22px');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#gc_ajoutTrajet_navigation li').removeClass('active').removeClass('etape_terminee');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#gc_ajoutTrajet_navigation_2').addClass('active');
			// On applique le style etape terminee au bouton de l'etape 3
			$('#gc_ajoutTrajet_navigation_1').addClass('etape_terminee');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 2;
		// Sinon
		} else
		// Si l'utilisateur est à l'étape 4
		if (etat_ajoutTrajet == 4) {
			// On affiche le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab1').show();
			// On affiche le contenu de l'étape 3
			$('#gc_form_ajoutTrajet_tab2').hide();
			// 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-position', '0 -22px');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#gc_ajoutTrajet_navigation li').removeClass('active').removeClass('etape_terminee');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#gc_ajoutTrajet_navigation_2').addClass('active');
			// On applique le style etape terminee au bouton de l'etape 3
			$('#gc_ajoutTrajet_navigation_1').addClass('etape_terminee');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 2;
		}
	});

	// 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-position', '0 -44px');
			// On enlève la classe active de la navigation de l'ajout de trajet de l'étape 3
			$('#gc_ajoutTrajet_navigation li').removeClass('active').removeClass('etape_terminee');
			// On affiche la classe active de la navigation de l'ajout de trajet de l'étape 4
			$('#gc_ajoutTrajet_navigation_3').addClass('active');
			// On applique le style etape terminee au bouton de l'etape 1
			$('#gc_ajoutTrajet_navigation_1').addClass('etape_terminee');
			// On applique le style etape terminee au bouton de l'etape 2
			$('#gc_ajoutTrajet_navigation_2').addClass('etape_terminee');
			// On change la variable de mémorisation
			etat_ajoutTrajet = 3;
		}
	});

	// Si l'on est sur la 5ème étape, on empèche de retourner à la 1ère étape
	$('#trajets_Recapitulatif #gc_ajoutTrajet_navigation_1').click( function () {return false;});
	
	
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	//////  ESPACE MEMBRE  /////////////////////////////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	/* 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"});
	}
	
	
	$('.gc_fmk_mon_profil_link').click( function () {	
												  
		var gc_sidebar_profil = gc_ReadCookie("ProfilEtat");	
		
		if (gc_sidebar_profil == null) {
			$('#gc_fmk_espace_logue_profil').slideDown(300);
			gc_sidebar_profil = 1;
			gc_CreateCookie("ProfilEtat", gc_sidebar_profil);
			return false;
		} 	
		if (gc_sidebar_profil == 0) {
			$('#gc_fmk_espace_logue_profil').slideDown(300);
			gc_sidebar_profil = 1;
			gc_CreateCookie("ProfilEtat", gc_sidebar_profil);
			return false;
		} 
		if (gc_sidebar_profil == 1)  {
			$('#gc_fmk_espace_logue_profil').slideUp(300);
			gc_sidebar_profil = 0;
			gc_CreateCookie("ProfilEtat", gc_sidebar_profil);
			return false;	
		}
	});	

	//  NOTATION  ///////////	
	$('#notation_recues_detail_button_js').append('<p class="gc_fmk_notation_detail_link"><span>D&eacute;tails des notes</span></p>');
	$('#notation_donnees_detail_button_js').append('<p class="gc_fmk_notation_detail_link"><span>D&eacute;tails des notes</span></p>');
	
	$("#gc_fmk_notation_recues_detail").hide();
	var gc_fmk_notation_recues = 0;
	  $('#gc_fmk_notation_recues_resume .gc_fmk_notation_detail_link').click( function () {
		 if (gc_fmk_notation_recues == 0) {
			$("#gc_fmk_notation_recues_detail").fadeIn(300);
			gc_fmk_notation_recues = 1;
		 } else {
			$("#gc_fmk_notation_recues_detail").fadeOut(300);
			gc_fmk_notation_recues = 0;
		}
	});
	
	$("#gc_fmk_notation_donnees_detail").hide();
	var gc_fmk_notation_donnees = 0;
	$('#gc_fmk_notation_donnees_resume .gc_fmk_notation_detail_link').click( function () {
		if (gc_fmk_notation_donnees == 0) {
			$("#gc_fmk_notation_donnees_detail").fadeIn(300);
			gc_fmk_notation_donnees = 1;
		} else {
			$("#gc_fmk_notation_donnees_detail").fadeOut(300);
			gc_fmk_notation_donnees = 0;
		}
	});


});