////////////////////////////////////////////////////////////////////////////////////////////
// Popup Gestion
////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
	var Objectif = '';
	var Age = '';
	var Genre = '';
	var caseNumber = '';
	
	$('#btn_valider_home').click(function() {
		
		$('#popup_end').hide(); //correction d'affichage
		$('#popup_debut').show(); //correction d'affichage
		// Récupération des variables
			if ($('#h_objectif').val() == 'Renouer avec le sport ou me détendre') {
				Objectif = 'renouer avec le sport et vous détendre';
			}else if($('#h_objectif').val() == 'Affiner ma silouhette') {
				Objectif = 'affiner votre silouhette';
			}else{
				Objectif = 'sculpter, renforcer votre corps';
			}
			Age = $('#h_age').val();
			if ($('#h_gender').val() == 'Homme') {
				Genre = 'un homme';
			}else{
				Genre = 'une femme';
			}		
		// Insertion des données de départ dans le résumé de fin
			$('#popup_end .pp_genre').html(Genre);
			$('#popup_end .pp_age').html(Age);
			$('#popup_end .pp_specific').html(Objectif);
		
		// affichage de la popup
		if (Objectif !='' && Age !='' && Genre !='') {
			$('#popup_formule_dark').fadeIn(500);
			$('#popup_formule_container').delay(400).fadeIn(1000);
		} else {
			alert ('Veuillez remplir tous les champs');
		}

		// Différents scénarios
		if (Objectif =='sculpter, renforcer votre corps' && Genre =='un homme') {
			caseNumber = 31;
			$('#popup_debut .first-question').show();
			$('#popup_debut .question').html('Souhaitez-vous prendre du volume musculaire ?');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='sculpter, renforcer votre corps' && Genre =='une femme') {
			caseNumber = 32;
			$('#popup_debut .first-question').hide();
			$('#yes-no_answer').val('undefined');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice post-maternite">post-maternité</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='affiner votre silouhette' && Genre =='une femme' && Age < 55) {
			caseNumber = '22a';
			$('#popup_debut .first-question').hide();
			$('#yes-no_answer').val('undefined');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice post-maternite">perdre du poids</span>\
				<span class="answer-choice post-maternite">post-maternité</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='affiner votre silouhette' && Genre =='une femme' && Age >= 55) {
			caseNumber = '22b';
			$('#popup_debut .first-question').hide();
			$('#yes-no_answer').val('undefined');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice post-maternite">perdre du poids</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='affiner votre silouhette' && Genre =='un homme' && Age < 55) {
			caseNumber = '21a';
			$('#popup_debut .first-question').hide();
			$('#yes-no_answer').val('undefined');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice post-maternite">perdre du poids</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='affiner votre silouhette' && Genre =='un homme' && Age >= 55) {
			caseNumber = '21b';
			$('#popup_debut .first-question').hide();
			$('#yes-no_answer').val('undefined');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">mariage</span>\
				<span class="answer-choice">plage</span>\
				<span class="answer-choice">ski</span>\
				<span class="answer-choice post-maternite">perdre du poids</span>\
				<span class="answer-choice">autre</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		} else
		if (Objectif =='renouer avec le sport et vous détendre' && Genre =='un homme') {
			caseNumber = 11;
			$('#popup_debut .first-question').show();
			$('#popup_debut .question').html('Souffrez-vous de douleurs musculaires?');
			$('#popup_debut .specific_reason').hide();
			$('#specific_answer').val('undefined');
		} else
		if (Objectif =='renouer avec le sport et vous détendre' && Genre =='une femme') {
			caseNumber = 12;
			$('#popup_debut .first-question').show();
			$('#popup_debut .question').html('Avez-vous accouché récement?');
			$('#popup_debut .specific_reason').show();
			$('#popup_debut .specific_reason p').html('Souffrez-vous des douleurs musculaires?');
			$('#popup_debut .specific_reason div').html(' \
				<span class="answer-choice">oui</span>\
				<span class="answer-choice">non</span>\
				<input type="hidden" value="none" id="specific_answer" />\
			');
		}
		
		// Values et couleurs dans la popup
		$('#popup_debut .yes-no span').click(function() {
			$('#popup_debut .yes-no span').css('background', '#5f5f5f');
			$(this).css('background', '#f09300');
			$('#yes-no_answer').val( $(this).html() );
		});
		
		$('#popup_debut .specific_reason span').click(function() {
			$('#popup_debut .specific_reason span').css('background', '#5f5f5f');
			$(this).css('background', '#f09300');
			$('#specific_answer').val( $(this).html() );
		});
	});

		
	$('#popup_debut .next-step span').click(function() {
		var yesNoAnswer = $('#yes-no_answer').val();
		var specificAnswer = $('#specific_answer').val();
		
		if (yesNoAnswer !='none' && specificAnswer !='none' ) {
			$('#popup_debut').fadeOut(250);
			$('#popup_end').delay(250).fadeIn(500);
			
			
			// Variable pour chaque formules
			var CoachAndMariage = ' \
			<div class="adviced">\
				<a href="formule/coach-mariage-11.html" class="imglink"><img src="upload/product/image/max/109x73/11.jpg" alt="Coach &amp; More - formule Mariage" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-mariage-11.html">Coach &amp; Mariage®</a></h3>\
					<span>« Votre mariage approche, vous craignez de ne pas être prêt, vous souhaitez ...  »</span>\
				</div>\
			</div>\
			<a href="formule/coach-mariage-11.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndPlage = ' \
			<div class="adviced">\
				<a href="formule/coach-plage-9.html" class="imglink"><img src="upload/product/image/max/109x73/9.jpg" alt="Coach &amp; More - formule Plage" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-plage-9.html">Coach &amp; Plage®</a></h3>\
					<span>« Portez fièrement le maillot de bain sur la plage avec notre formule estivale, pour.... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-plage-9.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndSki = ' \
			<div class="adviced">\
				<a href="formule/coach-ski-10.html" class="imglink"><img src="upload/product/image/max/109x73/10.jpg" alt="Coach &amp; More - formule Ski" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-ski-10.html">Coach &amp; Ski®</a></h3>\
					<span>« Cette année vous avez décidé de dévaler les pentes enneigées avec le sourire... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-ski-10.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndMuscle = ' \
			<div class="adviced">\
				<a href="formule/coach-muscle-8.html" class="imglink"><img src="upload/product/image/max/109x73/8.jpg" alt="Coach &amp; More - formule Muscle" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-muscle-8.html">Coach &amp; Muscle®</a></h3>\
					<span>« Prouvez que les tablettes de chocolat ne sont pas qu’un mythe en adoptant... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-muscle-8.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndTonic = ' \
			<div class="adviced">\
				<a href="formule/coach-tonic-4.html" class="imglink"><img src="upload/product/image/max/109x73/4.jpg" alt="Coach &amp; More - formule Tonic" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-tonic-4.html">Coach &amp; Tonic®</a></h3>\
					<span>« Une petite baisse de forme ? Un manque de dynamisme ? Optez pour ... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-tonic-4.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndMaman = ' \
			<div class="adviced">\
				<a href="formule/coach-maman-5.html" class="imglink"><img src="upload/product/image/max/109x73/5.jpg" alt="Coach &amp; More - formule Maman" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-maman-5.html">Coach &amp; Maman®</a></h3>\
					<span>« Vous avez accouché et vous souhaitez retrouver plus rapidement votre silhouette idéale ? »</span>\
				</div>\
			</div>\
			<a href="formule/coach-maman-5.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndSenior = ' \
			<div class="adviced">\
				<a href="formule/coach-senior-6.html" class="imglink"><img src="upload/product/image/max/109x73/6.jpg" alt="Coach &amp; More - formule Senior" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-senior-6.html">Coach &amp; Senior®</a></h3>\
					<span>« Vous avez enfin le temps de penser à vous. L’équipe de Coach & More® vous... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-senior-6.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndRun = ' \
			<div class="adviced">\
				<a href="formule/coach-run-12.html" class="imglink"><img src="upload/product/image/max/109x73/12.jpg" alt="Coach &amp; More - formule Run" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-run-12.html">Coach &amp; Run®</a></h3>\
					<span>« Enfiler vos baskets vous plonge le moral dans les chaussettes . Coach & ... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-run-12.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndPosture = ' \
			<div class="adviced">\
				<a href="formule/coach-posture-7.html" class="imglink"><img src="upload/product/image/max/109x73/7.jpg" alt="Coach &amp; More - formule Posture" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-posture-7.html">Coach &amp; Posture®</a></h3>\
					<span>« Redevenez maître de votre corps et acteur de votre bien-être. Coach & Posture®... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-posture-7.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			var CoachAndLight = ' \
			<div class="adviced">\
				<a href="formule/coach-light-3.html" class="imglink"><img src="upload/product/image/max/109x73/3.jpg" alt="Coach &amp; More - formule Light" /></a>\
				<div class="adviced-details">\
					<h3><a href="formule/coach-light-3.html">Coach &amp; Light ®</a></h3>\
					<span>« Rien ne va plus entre vous et votre silhouette ? L’équipe de Coach & More® est.... »</span>\
				</div>\
			</div>\
			<a href="formule/coach-light-3.html" id="adviced_more_btn"><img src="image/front/buttons/btn_ensavoirplus.gif" alt="En savoir plus" /></a>\
			';
			
			// Explication numérotation des cas: Objectif (1,2,3) = chiffre des dizaines, Genre (1,2) = chiffre des unités
			// Cas 31
			if (caseNumber == 31 && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == 31 && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == 31 && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == 31 && specificAnswer == 'autre' && yesNoAnswer == 'oui') {
				$('#formule_choice').html(CoachAndMuscle);
			} else
			if (caseNumber == 31 && specificAnswer == 'autre' && yesNoAnswer == 'non') {
				$('#formule_choice').html(CoachAndTonic);
			} else
			// Cas 32
			if (caseNumber == 32 && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == 32 && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == 32 && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == 32 && specificAnswer == 'post-maternité') {
				$('#formule_choice').html(CoachAndMaman);
			} else
			if (caseNumber == 32 && specificAnswer == 'autre') {
				$('#formule_choice').html(CoachAndTonic);
			} else
			// Cas 22a
			if (caseNumber == '22a' && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == '22a' && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == '22a' && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == '22a' && specificAnswer == 'post-maternité') {
				$('#formule_choice').html(CoachAndMaman);
			} else
			if (caseNumber == '22a' && specificAnswer == 'perdre du poids') {
				$('#formule_choice').html(CoachAndRun);
			} else
			if (caseNumber == '22a' && specificAnswer == 'autre') {
				$('#formule_choice').html(CoachAndTonic);
			} else
			// Cas 22b
			if (caseNumber == '22b' && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == '22b' && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == '22b' && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == '22b' && specificAnswer == 'perdre du poids') {
				$('#formule_choice').html(CoachAndLight);
			} else
			if (caseNumber == '22b' && specificAnswer == 'autre') {
				$('#formule_choice').html(CoachAndSenior);
			} else
			// Cas 21a
			if (caseNumber == '21a' && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == '21a' && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == '21a' && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == '21a' && specificAnswer == 'perdre du poids') {
				$('#formule_choice').html(CoachAndRun);
			} else
			if (caseNumber == '21a' && specificAnswer == 'autre') {
				$('#formule_choice').html(CoachAndTonic);
			} else
			// Cas 21b
			if (caseNumber == '21b' && specificAnswer == 'mariage') {
				$('#formule_choice').html(CoachAndMariage);
			} else
			if (caseNumber == '21b' && specificAnswer == 'plage') {
				$('#formule_choice').html(CoachAndPlage);
			} else
			if (caseNumber == '21b' && specificAnswer == 'ski') {
				$('#formule_choice').html(CoachAndSki);
			} else
			if (caseNumber == '21b' && specificAnswer == 'perdre du poids') {
				$('#formule_choice').html(CoachAndLight);
			} else
			if (caseNumber == '21b' && specificAnswer == 'autre') {
				$('#formule_choice').html(CoachAndSenior);
			} else
			// Cas 11
			if (caseNumber == 11 && yesNoAnswer == 'oui') {
				$('#formule_choice').html(CoachAndPosture);
			} else
			if (caseNumber == 11 && yesNoAnswer == 'non' && Age < 55) {
				$('#formule_choice').html(CoachAndTonic);
			} else
			if (caseNumber == 11 && yesNoAnswer == 'non' && Age >= 55) {
				$('#formule_choice').html(CoachAndSenior);
			}
			// Cas 12
			if (caseNumber == 12 && yesNoAnswer == 'oui') {
				$('#formule_choice').html(CoachAndMaman);
			} else
			if (caseNumber == 12 && yesNoAnswer == 'non' && specificAnswer == 'oui') {
				$('#formule_choice').html(CoachAndPosture);
			} else
			if (caseNumber == 12 && yesNoAnswer == 'non' && specificAnswer == 'non' && Age < 55) {
				$('#formule_choice').html(CoachAndTonic);
			} else
			if (caseNumber == 12 && yesNoAnswer == 'non' && specificAnswer == 'non' && Age >= 55) {
				$('#formule_choice').html(CoachAndSenior);
			}
			
			
		} else {
			alert ('Veuillez indiquer toutes vos réponses');
		}	
	});

		
	$('#popup_close span').click(function() {
		$('#popup_formule_container').fadeOut(500);
		$('#popup_formule_dark').delay(400).fadeOut(1000);
		$('#popup_end').delay(410).hide();
		$('#popup_debut').delay(410).show();
	});
	
});