function afficherReponse(_vraiFaux, _id, _reponse, _fiche) {

	var unVraiFaux = document.getElementById(_id);

	if(unVraiFaux) {
		
		if(unVraiFaux.className == 'invisible') {
			unVraiFaux.className = _vraiFaux == _reponse ? 'vrai' : 'faux';
			var message = document.getElementById('repMessage_' + _fiche);
			if(_vraiFaux == _reponse) {
				message.innerHTML = "Bravo ! Tu as la bonne réponse.";
			} else {
				message.innerHTML = "Malheureusement, tu n'as pas la bonne réponse.";
			}




			var vrai = document.getElementById('img-vrai' + _fiche);
			var faux = document.getElementById('img-faux' + _fiche);
			vrai.style.cursor = 'default';
			faux.style.cursor = 'default';
			var decVrai = document.getElementById('declacheurVrai_' + _fiche);
			var decFaux = document.getElementById('declacheurFaux_' + _fiche);
			if(_vraiFaux == 1) {
				vrai.src = '/images/vrai_over.gif';
				 
			} else {
				faux.src = '/images/faux_over.gif';
			
			}
			decVrai.onmouseover = null;
			decFaux.onmouseover = null;
			decVrai.onmouseout = null; 
			decFaux.onmouseout = null;
		}
	}

}

function afficherReponseChoix(_choix, _id, _reponse, _fiche) {

	var unChoix = document.getElementById(_id);

	if(unChoix) {
	
		if(unChoix.className == 'invisible') {
			
			unChoix.className = _choix == _reponse ? 'vrai' : 'faux';
			var message = document.getElementById('repMessage_' + _fiche);
			if(_choix == _reponse) {
				message.innerHTML = "Bravo ! Tu as la bonne réponse.";
			} else {
				message.innerHTML = "Malheureusement, tu n'as pas la bonne réponse.";
			}



			
			var choixA = document.getElementById('img-choixA_' + _fiche);
			var choixB = document.getElementById('img-choixB_' + _fiche);
			var choixC = document.getElementById('img-choixC_' + _fiche);
			var choixD = document.getElementById('img-choixD_' + _fiche);

			var decA = document.getElementById('declacheurA_' + _fiche);
			var decB = document.getElementById('declacheurB_' + _fiche);
			var decC = document.getElementById('declacheurC_' + _fiche);
			var decD = document.getElementById('declacheurD_' + _fiche);

			decA.style.cursor = 'default';
			decB.style.cursor = 'default';
			decC.style.cursor = 'default';
			if(decD) decD.style.cursor = 'default';
			
			if(_choix == 'a') {
				choixA.src = '/images/choixA_over.gif';
			
				decA.className = "choisie";
	
				decB.className = "pasChoisie";
				decC.className = "pasChoisie";
				if(decD) decD.className = "pasChoisie";
				 
			} else if(_choix == 'b') {
				choixB.src = '/images/choixB_over.gif';
				decA.className = "pasChoisie";
				decB.className = "choisie";
				decC.className = "pasChoisie";
				if(decD) decD.className = "pasChoisie";
			
			} else if(_choix == 'c') {
				choixC.src = '/images/choixC_over.gif';
				decA.className = "pasChoisie";
				decB.className = "pasChoisie";
				decC.className = "choisie";
				if(decD) decD.className = "pasChoisie";
			
			} else if(_choix == 'd') {
				choixD.src = '/images/choixD_over.gif';
				decA.className = "pasChoisie";
				decB.className = "pasChoisie";
				decC.className = "pasChoisie";
				if(decD) decD.className = "choisie";
			
			}

			decA.onmouseover = null;
			decB.onmouseover = null;
			decC.onmouseover = null;
			if(decD) decD.onmouseover = null;

			decA.onmouseout = null;
			decB.onmouseout = null;
			decC.onmouseout = null;
			if(decD) decD.onmouseout = null; 
			
		}
	}
	return false;
}

$(document).ready(function () {

	$("#sous-menu-metiers").stop().animate({height: '0px'},{queue:false,duration:300}); 
	$("#sous-menu-joue").stop().animate({height: '0px'},{queue:false,duration:300});

	$('#menu-metiers-pour-toi').hover(function(){   
	

       
 	$("#sous-menu-metiers").stop().animate({height: '150px'},{queue:false,duration:300}); 
 	
    }, function() {
	$("#sous-menu-metiers").stop().animate({height: '0px'},{queue:false,duration:300}); 
	
       
    });

     $('#sous-menu-metiers').hover(function(){   
       $("#sous-menu-metiers").stop().animate({height: '150px'},{queue:false,duration:300});  
    }, function() {
	 
       $("#sous-menu-metiers").stop().animate({height: '0px'},{queue:false,duration:300});
    });    






	$('#menu-joue-un-peu').hover(function(){ 

    		$("#sous-menu-joue").stop().animate({height: '75px'},{queue:false,duration:300}); 
 	
    	}, function() {
		$("#sous-menu-joue").stop().animate({height: '0px'},{queue:false,duration:300}); 
	
       
   	});

   	$('#sous-menu-joue').hover(function(){   
       		$("#sous-menu-joue").stop().animate({height: '75px'},{queue:false,duration:300});  
    	}, function() {
	 
      		 $("#sous-menu-joue").stop().animate({height: '0px'},{queue:false,duration:300});
   	});    




});