var GEN_current_question = 1;

// Le taleau contenant les reponses
//var GEN_Answsers = new Array();

// Le taleau contenant les questions subsidiaires
var GEN_NextQuestions = new Array();
var GEN_NextNextQuestions = new Array();


// Le taleau contenant les id des div contenant les templates des reponses
var GEN_TemplatesDivId = new Array();

// Le taleau contenant les id des div contenant les templates subsidiaires
var GEN_NextTemplatesDivId = new Array();

var GEN_NextNextTemplatesDivId = new Array();


var GEN_TemplateCartouche = '<div id="divCartouche#NB_ANSWER#" class="divCartoucheNorm">';
GEN_TemplateCartouche 	+= '<div id="divTextCartouche#NB_ANSWER#" class="divTextCartoucheNorm">';
GEN_TemplateCartouche 	+= '<a href="#" onmouseover="javascript:SelectPortraitPersoAnswer(\'#NB_ANSWER#\',2)" id="link#NB_ANSWER#" class="QuestNorm" onClick="javascript:ValidPortraitPersoAnswer(#NB_ANSWER#)">';
GEN_TemplateCartouche 	+= '#ANSWER#';
GEN_TemplateCartouche 	+= '</a></div></div>';

// Le taleau contenant les questions
var GEN_Questions = new Array();
GEN_Questions[0] = 'Quelle est votre tranche d\'age ?';
GEN_TemplatesDivId[0] = "template_answers_1";
GEN_NextQuestions[0] = "";

GEN_Questions[1] = 'Combien d\'enfants avez-vous (vivant dans votre foyer) ?';
GEN_TemplatesDivId[1] = "template_answers_2";
GEN_NextQuestions[1] = "";
//GEN_NextQuestions[1] = "Voulez-vous recevoir le livret « Mini mets variés » pour vos enfants ? ";
//GEN_NextTemplatesDivId[1] = "template_next_2";

GEN_Questions[2] = 'Consommez-vous des Huiles Lesieur ?';
GEN_TemplatesDivId[2] = "template_answers_3";
GEN_NextQuestions[2] = "Quelles huiles Lesieur consommez-vous ?";
GEN_NextTemplatesDivId[2] = "template_next_3";


GEN_Questions[3] = 'Consommez vous des Sauces Lesieur ?';
GEN_TemplatesDivId[3] = "template_answers_4";
GEN_NextQuestions[3] = "Quelles sauces Lesieur consommez-vous ?";
GEN_NextTemplatesDivId[3] = "template_next_4";

GEN_Questions[4] = 'Etes-vous concerné(e) par un régime alimentaire spécifique ?';
GEN_TemplatesDivId[4] = "template_answers_5";
GEN_NextQuestions[4] = "";
//GEN_NextQuestions[4] = "Souhaitez-vous recevoir notre livret sur le cholestérol ?";
//GEN_NextTemplatesDivId[4] = "template_next_5";

//GEN_NextQuestions[4] = "Etes-vous concerné(e) par un régime alimentaire spécifique ?";
//GEN_NextTemplatesDivId[4] = "template_next_5";

//GEN_NextNextQuestions[4] = "Souhaitez vous recevoir gratuitement le livret recettes « Merci pour la recette – Recettes anti-cholestérol » ? ";
//GEN_NextNextTemplatesDivId[4] = "template_next_next_5";


GEN_Questions[5] = 'Accepteriez-vous d’être sollicité par e-mail pour nous donner votre avis ?';
GEN_TemplatesDivId[5] = "template_answers_6";
GEN_NextQuestions[5] = "";

//GEN_NextQuestions[5] = "Huiles ou Sauces choisir l’un ou les deux";
//GEN_NextTemplatesDivId[5] = "template_next_6";


// Le nombre de questions du portrait
var GEN_nb_question = GEN_Questions.length;



function ResetPortraitPersoQuizz()
{
	GEN_current_question = 1;
}



PosLeft = new Array();
PosLeft[ 1 ] = new Array( 0 , 0 , -30 );
PosLeft[ 2 ] = new Array( 230 , 220 , 180);
PosLeft[ 3 ] = new Array( 460 , 450 , 410 );
PosLeft[ 4 ] = new Array( 690 , 670 , 630 );

 
function SelectPortraitPersoAnswer(question_number,type)
{
	if (type == 1)
	{
		var top = 400;
		for( i = 1; i < 5; i++)
		{
			document.getElementById( "photo" + i ).className = "photoOff";	
			document.getElementById( "divPhoto" + i ).style.zIndex = "1";
			$('#divPhoto' + i).css("left",PosLeft[i][0] + "px")
			$('#divPhoto' + i).css("top", "0px")
		}
		if (document.getElementById( "photo" + question_number ))
		{
			document.getElementById( "photo" + question_number ).className = "photoOn";
			document.getElementById( "divPhoto" + question_number ).style.zIndex = "10";
			$('#divPhoto' + question_number).css("left",PosLeft[question_number][1] + "px")
			$('#divPhoto' + question_number).css("top","-10px")
		}
		}
	else if (type == 2)
	{
		top = 335;
		for( i = 1; i < 5; i++)
		{
			if (document.getElementById( "divCartouche" + i ))
			{
				document.getElementById( "divCartouche" + i ).className = "divCartoucheNorm";	
				document.getElementById( "divCartouche" + i ).style.zIndex = "1";
				$('#divCartouche' + i).css("left",PosLeft[i][0] + "px")
				$('#divCartouche' + i).css("top", "0px");
				document.getElementById( "divCartouche" + i ).style.background="url('/design/fre/images/lesieur/quizz/fondQuestionNorm.png')";
				document.getElementById( "divCartouche" + i ).style.width="220px";
				document.getElementById( "divTextCartouche" + i ).className = "divTextCartoucheNorm";
			}
		}
		if (document.getElementById( "divCartouche" + question_number ))
		{
			document.getElementById( "divCartouche" + question_number ).className = "divCartoucheOn";
			document.getElementById( "divCartouche" + question_number ).style.zIndex = "10";
			$('#divCartouche' + question_number).css("left",PosLeft[question_number][2] + "px")
			$('#divCartouche' + question_number).css("top","-30px")
			document.getElementById( "divCartouche" + question_number ).style.background="url('/design/fre/images/lesieur/quizz/fondQuestionOn.png')";
			document.getElementById( "divCartouche" + question_number ).style.width="318px";
			document.getElementById( "divTextCartouche" + question_number ).className = "divTextCartoucheOn";
			//document.getElementById( "link" + question_number ).className = "QuestOn";
		
		}
	}

	
	// On affiche le calque de validation
	
	
	var left = PosLeft[question_number][1] + 32;
	// Type question texte

	
	$('#divCartouche').css("top",top + "px");
	$('#divCartouche').css("left",left + "px");
//alert($('#divCartouche').css("display"));	
	$('#divCartouche').css("visibility","visible");
}






function ValidPortraitPersoAnswer(answer,field_id)
{
//alert("ValidAnswer : " + answer + " - " + field_id  );	
//alert("question " + GEN_current_question + " sur " + GEN_nb_question);	
	
	var indice_question = GEN_current_question-1;
	
	// Enregistrement de la reponse dans le champ cache
	if ($('#' + field_id))
	{
		$('#' + field_id).attr('value',answer);		
	}	
	
	var reponse_regime = "";
	if ($('#regime'))
	{
		reponse_regime = $('#regime').val();		
//alert(reponse_regime);	
	}
	
	var regCholesterol = new RegExp("Cholestérol","g");
	
	// Si c'est la question 2 et que  1 , 2 ou 3 qui est repondu , 
	// il faut afficher une autre question
	// les reponses sont encore en dur ici ....
	//if ( (GEN_current_question == 2) && ( (answer == "1 enfant")  || (answer == "2 enfants") || (answer == "3 et plus")) && (GEN_NextNextQuestions[indice_question] != "") )
	//{
//alert("IF 1");		
	//	ShowPortraitPersoNextQuestion(GEN_current_question);
	//}
	// Si c'est la question 5 et que  cholesterol est repondu , 
	// il faut afficher une autre question
	// les reponses sont encore en dur ici ....
	//else if ( (GEN_current_question == 5) && (regCholesterol.test(reponse_regime)) && (field_id == "null") && (GEN_NextNextQuestions[indice_question] != "") )
	//{
	//	ShowPortraitPersoNextQuestion(GEN_current_question);
	//}
	//else
	//{
//alert("ELSE");	
		// Si c'est une reponse de type oui , il faut afficher les choix correspondant 
		// à la question
		// sauf pour la next 2  et next 5...
		// Oui = 1 , c'est en dur ...		
		if ( (GEN_current_question != 2) && (GEN_current_question != 5) && (answer == 1) && (GEN_NextQuestions[indice_question] != "") )
		{
//alert("ELSE 1");	
//alert(indice_question + " - " + GEN_NextQuestions[indice_question]);
			ShowPortraitPersoNextQuestion(GEN_current_question);	
		}
		else
		{		
//alert("ELSE 2");			
			// Fin du questionnaire , on affiche un message de fin
			if (GEN_current_question == GEN_nb_question)
			{
				// Validation formulaire
				
//alert($("#id_form_connaissance").serialize());			
				$.post('/dyn/cgi/update_infos_perso.php',$("#id_form_connaissance").serialize(), 
														function(data) {
																		//alert(data);
				});
				
				HighLightQuestion("");
				$('#divCartouche').css("visibility","hidden");
				if (('#quizzQ1Photos'))
				{
					$('#quizzQ1Photos').css("display","none");
				}
				if (('#quizzQ2Cartouches'))
				{
					$('#quizzQ2Cartouches').css("display","none");
				}
				if (('#questionQuizz'))
				{
					$('#questionQuizz').html("");
				}
				if (('#pastilles'))
				{
					$('#pastilles').css("display","none");
				}
			
				$('#divTexteResultat').css("display","block");
				$('#contentDescriptionResultat').css("display","block");						
			}
			else
			{						
				// On va chercher la question suivante
				GEN_current_question++;
				
				ShowPortraitPersoQuestion(GEN_current_question);
			}
		}
	//}
}


function SelectElt(type)
{
	if (type == 'huile')
	{
		for (i=1;i<=4;i++)
		{
	//alert("i : " + i);		
			var field_select_id = 'huile' + i + '_select';
			var field_id = 'huile' + i;
			if ($('#' + field_select_id))
			{
				var selected = $('#' + field_select_id + " option:selected");
	//alert("selected_value : " + selected.val());			
				$('#' + field_id).attr('value',selected.val());		
			}
		}		
	}
	else if (type == 'sauce')
	{
		for (i=1;i<=4;i++)
		{
	//alert("i : " + i);		
			var field_select_id = 'sauce' + i + '_select';
			var field_id = 'sauce' + i;
			if ($('#' + field_select_id))
			{
				var selected = $('#' + field_select_id + " option:selected");
	//alert("selected_value : " + selected.val());			
				$('#' + field_id).attr('value',selected.val());		
			}
		}			
		
	}
	else if (type == 'regime')
	{
		var reponses = "";
		for (i=1;i<=4;i++)
		{
//alert("i : " + i);		
			var field_select_id = 'regime_select' + i;
			var field_id = 'regime';
			if ($('#' + field_select_id))
			{
				var selected = $('#' + field_select_id + " option:selected");
//alert("selected_value : " + selected.val());			
				if (selected.val() != "")
				{
//alert("in select");						
					reponses += selected.val() + ";";
					//$('#' + field_id).attr('value',selected.val());	
					//break;
				}
			}
		}	
		
		
		$('#' + field_id).attr('value',reponses);	
//alert($('#' + field_id).val());			
	}
	
	
}


function HideAnswers()
{
	/*
	for (i=0;i=GEN_TemplatesDivId.length;i++)
	{
		if ($('#' + GEN_TemplatesDivId[indice_question]))
		{
			var contentTemplate = $('#' + GEN_TemplatesDivId[indice_question]).html(); 
		//alert("contentTemplate : " + contentTemplate);		
			$('#quizzQ2Cartouches').html(contentTemplate);	
		}
	}
	*/
}

function ShowPortraitPersoQuestion(question)
{		
	var indice_question = question-1;
//alert("ShowPortraitPersoQuestion : " + question);	
//alert(GEN_Questions[indice_question]);
	$('#divCartouche').css("visibility","hidden");	
	$('#quizzQ1Photos').css("visibility","hidden");
	$('#quizzQ2Cartouches').css("visibility","visible");
	$('#questionQuizz').html(GEN_Questions[indice_question]);
	HighLightPortraitPersoQuestion(question);	

//alert(indice_question + " - " + GEN_TemplatesDivId[indice_question]);	

	if ($('#' + GEN_TemplatesDivId[indice_question]))
	{
		var contentTemplate = $('#' + GEN_TemplatesDivId[indice_question]).html(); 
//alert("contentTemplate : " + contentTemplate);		
		$('#quizzQ2Cartouches').html(contentTemplate);	
	}
}


function ShowPortraitPersoNextQuestion(question)
{		
	var indice_question = question-1;
//alert("ShowPortraitPersoNextQuestion : " + question);	
	$('#divCartouche').css("visibility","hidden");	
//alert("id : " + GEN_NextTemplatesDivId[indice_question]);	
	$('#questionQuizz').html(GEN_NextQuestions[indice_question]);
	if ($('#' + GEN_NextTemplatesDivId[question]))
	{
		var contentTemplate = $('#' + GEN_NextTemplatesDivId[indice_question]).html(); 
//alert("contentTemplate : " + contentTemplate);		
		$('#quizzQ2Cartouches').html(contentTemplate);	
	}
}

function ShowPortraitPersoNextNextQuestion(question)
{		
	var indice_question = question-1;
//alert("ShowPortraitPersoNextNextQuestion : " + question);	
	$('#divCartouche').css("visibility","hidden");	
//alert("id : " + GEN_NextTemplatesDivId[indice_question]);	
	$('#questionQuizz').html(GEN_NextNextQuestions[indice_question]);
	if ($('#' + GEN_NextNextQuestions[question]))
	{
		var contentTemplate = $('#' + GEN_NextNextTemplatesDivId[indice_question]).html(); 
//alert("contentTemplate : " + contentTemplate);		
		$('#quizzQ2Cartouches').html(contentTemplate);	
	}
}



function HighLightPortraitPersoQuestion(question)
{
	for( i = 1; i < 20; i++)
	 {
			if(!document.getElementById('quizzNum' + i))
				break;
			document.getElementById( 'quizzNum' + i ).className = "quizzNumQuestOff";	
	 }
	 if (document.getElementById( 'quizzNum' + question ))
	 {
	 	document.getElementById( 'quizzNum' + question ).className = "quizzNumQuestOn";
	 }
}