// ajoute automatiquement la classe focus et mouseover aux éléments de formulaires submit
function autofocus()
{
	$$('input[type=submit]').each(function(f){
		Event.observe(f, 'mouseover', function() {
			f.removeClassName('focus');
			f.addClassName('mouseover');
		});
		Event.observe(f, 'mouseout', function() {
			f.removeClassName('mouseover');
			f.removeClassName('focus');
		});
		Event.observe(f, 'blur', function() {
			f.removeClassName('mouseover');
			f.addClassName('focus');
		});
     });
     
	var strChUserAgent = navigator.userAgent;
	var intSplitStart = strChUserAgent.indexOf("(",0);
	var intSplitEnd = strChUserAgent.indexOf(")",0);
	var strChStart = strChUserAgent.substring(0,intSplitStart);
	var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
	var strChEnd = strChUserAgent.substring(strChEnd); 
    //if bouse de ie6
    if(strChMid.indexOf("MSIE 6") != -1){
    	if($('bourse')){
			Event.observe($('bourse'), 'mouseover', function() {
				$('bourse').immediateDescendants()[2].style.top="-42px";
			});
			Event.observe($('bourse'), 'mouseout', function() {
				$('bourse').immediateDescendants()[2].style.top="0px";
			});
		}
    	if($('accueil')){
			Event.observe($('accueil'), 'mouseover', function() {
				$('accueil').immediateDescendants()[2].style.left="-65px";
			});
			Event.observe($('accueil'), 'mouseout', function() {
				$('accueil').immediateDescendants()[2].style.left="0px";
			});
		}
		$$('#sous_menu a').each(function(f){
			Event.observe(f, 'mouseover', function() {
				if(f.immediateDescendants()[2].getDimensions().width=="220"){
					f.immediateDescendants()[2].style.left="-110px";
				}else{
					f.immediateDescendants()[2].style.left="-103px";
				}
			});
			Event.observe(f, 'mouseout', function() {
				f.immediateDescendants()[2].style.left="0px";
			});
		});
		$$('.tab_liens a').each(function(f){//left:-262px;
			Event.observe(f, 'mouseover', function() {
				f.immediateDescendants()[2].style.left="-262px";
			});
			Event.observe(f, 'mouseout', function() {
				f.immediateDescendants()[2].style.left="0px";
			});
		});
	}
}
Event.observe(window, 'load',function(){autofocus();});

var erreurs=0;

var templateJuste= new Template ('<span class="picto_true">'+
'</span>'+
'<div class="mauvais">'+
'<h3>BONNE RÉPONSE</h3>'+
'#{message}'+
'</div>');

var templateFaux= new Template ('<span class="picto_false">'+
'</span>'+
'<div class="mauvais">'+
'<h3>MAUVAISE RÉPONSE</h3>'+
'#{message}'+
'</div>');

/* QCMs*/
var clicke=false;
var rubrique='devenir';
function regardeReponse(question,reponse){
	if(!clicke){
		clicke=true;
	    var pars='';
		var url = './get_reponse_ajax/index.html';
		pars += '&question='+escape(question);	
		pars += '&reponse='+escape(reponse);	
		pars += '&rubrique='+escape(rubrique);	
		var myAjax = new Ajax.Request(
			url, 
			{
				method: 'post', 
				parameters: pars, 
				onComplete: afficheReponse
			});
	}else{
		return false;
	}
}
function regardeReponsePerf(question){
	if(!clicke){
		clicke=true;
		if(question==1){
			if(($('ok0').style.display!='none')&&($('ok1').style.display!='none')&&($('ok2').style.display=='none')&&($('ok3').style.display!='none')&&($('ok4').style.display=='none')){
				message = templateJuste.evaluate({message: "Bravo ! Vous avez bien repéré les soins réalisés ! Ce sont d'ailleurs les soins que l'on exécute le plus souvent dans un salon de coiffure. Et si on passait à quelque chose d'un peu plus difficile ?" });
				ref_audio='FC_R2R1';
			}else{
				message = templateFaux.evaluate({message: "Eh non ! Les soins réalisés sont un shampoing, une coupe et un brushing. Ce sont d'ailleurs les principaux soins réalisés dans salon. On tente quand même quelque chose d'un plus difficile ?" });				
				erreurs++;
				ref_audio='FC_R2R2';
			}
		}
		if(question==2){
			if(($('ok0').style.display!='none')&&($('ok1').style.display!='none')&&($('ok2').style.display!='none')&&($('ok3').style.display=='none')&&($('ok4').style.display=='none')){
				message = templateJuste.evaluate({message: "Bravo ! Vous avez bien repéré les soins réalisés ! Le coiffage aux doigts, en particulier, demande beaucoup de technique, car il faut être rapide et efficace tout en ayant du style. Mais on peut aller encore plus loin..." });
				ref_audio='FC_R2R3';
			}else{
				message = templateFaux.evaluate({message: "Eh non ! Les soins réalisés sont un shampoing, une coupe et un coiffage aux doigts. Le coiffage aux doigts, en particulier, demande beaucoup de technique, car il faut être rapide et efficace tout en ayant du style. Mais on peut aller encore plus loin..." });				
				erreurs++;
				ref_audio='FC_R2R4';
			}
		}
		if(question==3){
			if(($('ok0').style.display!='none')&&($('ok1').style.display=='none')&&($('ok2').style.display!='none')&&($('ok3').style.display!='none')&&($('ok4').style.display=='none')){
				message = templateJuste.evaluate({message: "Bravo ! Ce n'était pas évident. Et encore, on ne vous a pas tout décrit. Pour obtenir un tel résultat, il faut beaucoup de technique. La permanente est réalisée de manière indirecte, après un enroulage en petits rouleaux, sauf sur la frange délimitée en triangle. Il y a ensuite saturation, rinçage, fixation, rinçage, soin, coupe séchage au diffuseur, lissage de la frange. Quand je vous disais que la coiffure est un métier de spécialiste." });
				ref_audio='FC_R2R5';
			}else{
				message = templateFaux.evaluate({message: "Eh non ! Les soins réalisés sont un shampoing, une permanente et une coupe frange. Mais ce n'était pas évident. Et encore, les réponses sont simplifiées par rapport à la réalité. Pour obtenir un tel résultat, il faut beaucoup de technique. La permanente est réalisée de manière indirecte, après un enroulage en petits rouleaux, sauf sur la frange délimitée en triangle. Il y a ensuite saturation, rinçage, fixation, rinçage, soin, coupe séchage au diffuseur, lissage de la frange. Quand je vous disais que la coiffure est un métier de spécialiste." });				
				erreurs++;
				ref_audio='FC_R2R6';
			}
		}
		if(question==4){
			if(($('ok0').style.display=='none')&&($('ok1').style.display!='none')&&($('ok2').style.display!='none')&&($('ok3').style.display!='none')){
				message = templateJuste.evaluate({message: "Bravo! vous avez trouvé les bons traitements." });
				//ref_audio='FC_R2R2';
			}else{
				message = templateFaux.evaluate({message: "bouh la boue" });	
				erreurs++;			
				//ref_audio='FC_R2R2';
			}
		}
		stopSpeech();
		sayAudio(ref_audio);
		loadAudio(ref_audio);
		$('reponse').innerHTML=message;
		if(question>=3){
			if ($('bilan')!=undefined)
				$('bilan').show();
		}else{
			if ($('suivant')!=undefined)
				$('suivant').show();
		}
		if($('decouvrir'))
			$('decouvrir').show();	
		
	}else{
		return false;
	}
}

function afficheReponse(originalRequest){
	$('reponse').innerHTML=originalRequest.responseText;
	if ($('suivant')!=undefined)
		$('suivant').show();
	originalRequest.responseText.evalScripts();
}

function prochaineQuestion(){
	if(clicke){
		var url = './get_question_ajax/index.html';
		var pars='';	
		pars += '&rubrique='+escape(rubrique);	
		pars += '&erreurs='+erreurs;	
		var myAjax = new Ajax.Request(
			url, 
			{
				method: 'post', 
				parameters: pars, 
				onComplete: afficheQuestion
			});
		if($('suivant'))
			$('suivant').hide();	
		if($('decouvrir'))
			$('decouvrir').hide();	
		if($('bilan'))
			$('bilan').hide();	
		$('reponse').innerHTML="";
	}
}

function afficheQuestion(originalRequest){
	clicke=false;
	$('question').innerHTML=originalRequest.responseText;
	originalRequest.responseText.evalScripts();
	s2.setValue(0);
}

function vh_audioLoaded(args){
	sayAudio(args);
}