//*** Quizz  ***// 
var datas = {
		questions: [
			{
				label:'<strong>Combien de kilos de déchets ménagers produit en moyenne chaque Français ?</strong> <a href="javascript:showMore();" title="En savoir plus sur les déchets Français" class="more">(En savoir +)</a>',
				info:'1 jour = 1 kg de déchets pour chaque français',
				response: [
					{label:'160',valid:false},
					{label:'260',valid:false},
					{label:'360',valid:true}
				]
			},
			{
				label:'<strong>Quelle est la durée de vie d\'une bouteille en verre ?</strong>',
				info:'null',
				response: [
					{label:'40 ans',valid:false},
					{label:'400 ans',valid:false},
					{label:'4000 ans',valid:true}
				]
			},
			{
				label:'<strong>Dans quel pays produit-on le plus de déchets par habitant ?</strong> <a href="javascript:showMore();" title="En savoir plus sur les déchets Français" class="more">(En savoir +)</a>',
				info:'Chaque Américain produit plus de deux fois de déchets qu\'un Mexicain,<br />alors qu\'un Japonais produit 100 kg de moins qu\'un Français.<br />Il s\'agit ici de collecte des déchets des ménages, des collectivités et de certaines activités.<br /><br />En moyenne, 760 kg de déchets par habitant sont collectés dans les villes américaines.<br />En moyenne, 310 kg de déchets par habitant sont collectés dans les villes mexicaines.<br />En moyenne, 410 kg de déchets par habitant sont collectés dans les villes japonaises.<br />En moyenne, 510 kg de déchets par habitant sont collectés dans les villes françaises.',
				response: [
					{label:'Au Japon',valid:false},
					{label:'En France',valid:false},
					{label:'Aux Etats-Unis',valid:true},
					{label:'Au Mexique',valid:false}
				]
			},
			{
				label:'<strong>Parmi ces déchets, lequel n\'est pas recyclable ?</strong>',
				info:'null',
				response: [
					{label:'Un pot de yaourt',valid:true},
					{label:'Une canette',valid:false},
					{label:'Des prospectus',valid:false}
				]
			},
			{
				label:'<strong>Quelle est la part de la surface de la Terre occupée par les mers ?</strong>',
				info:'null',
				response: [
					{label:'50%',valid:false},
					{label:'70%',valid:true},
					{label:'90%',valid:false}
				]
			},
			{
				label:'<strong>Que peut-on fabriquer à partir du recyclage de bouteilles en plastique ?</strong>',
				info:'null',
				response: [
					{label:'Des coussins',valid:false},
					{label:'Des pulls',valid:true},
					{label:'De la moquette',valid:false}
				]
			},
			{
				label:'<strong>Quel est le mode de chauffage le plus respectueux de l\'environnement ?</strong> <a href="javascript:showMore();" title="En savoir plus sur le mode de chauffage le plus respectueux" class="more">(En savoir +)</a>',
				info:'Le fioul et le gaz sont des ressources énergétiques fossiles, c\'est-à-dire épuisables.<br />Aujourd\'hui, l\'utilisation par l\'humanité de quantités considérables de combustibles fossiles est à l\'origine d\'un déséquilibre important du cycle du carbone, ce qui provoque une augmentation de la concentration atmosphérique en gaz à effet de serre et, par voie de conséquence, entraîne des changements climatiques. Et la production d\'électricité à partir de combustibles fossiles représente les 2/3 de l\'électricité mondiale.<br /><br />Les énergies renouvelables sont inépuisables et présentes en quantités importantes.',
				response: [
					{label:'Le fioul',valid:false},
					{label:'Le gaz',valid:false},
					{label:'L\'électricité',valid:false},
					{label:'L\'énergie renouvelable (bois, solaire…)',valid:true}
				]
			},
			{
				label:'<strong>Que peut-on faire pour économiser l\'eau ? <em>(plusieurs réponses possibles)</em></strong>',
				info:'null',
				response: [
					{label:'Préférer la douche au bain',valid:true},
					{label:'Utiliser une pomme de douche « éco »',valid:true},
					{label:'Récupérer l\'eau de pluie dans des citernes',valid:true}
				]
			},
			{
				label:'<strong>Quels sont les déchets que l\'on retrouve le plus sur les plages ?</strong>',
				info:'null',
				response: [
					{label:'Des déchets en plastique',valid:true},
					{label:'Des déchets en papier',valid:false},
					{label:'Des déchets en verre',valid:false}
				]
			},
			{
				label:'<strong>Quel est le moyen de transport le plus économique en pétrole par passager et par kilomètre parcouru ?</strong> <a href="javascript:showMore();" title="En savoir plus sur le moyen de transport le plus économique" class="more">(En savoir +)</a>',
				info:'Consommation comparée des moyens de transport en équivalent pétrole par passager et par km :<br /><br />&bull; L\'avion : entre 50  et 70 g<br />&bull; L\'automobile : 30g<br />&bull; Le train : environ 11g<br />&bull; L\'autocar : 17g',
				response: [
					{label:'L\'avion',valid:false},
					{label:'L\'automobile',valid:false},
					{label:'Le train',valid:true},
					{label:'L\'autocar',valid:false}
				]
			}
		]
};


var cont = 0;
var saveSelected;
var e = this;
var isLocked = false;

function manageQuizz(){
	writeQuest(datas.questions[cont]);
}
function writeQuest(data){ 
	var textQuest = data.label +"<span style='font-size:10px;'>(clique sur la réponse de ton choix)</span>";
	var repQuest = '';
	
	repQuest += '<ul>';
	for (var i=0;i<data.response.length;i++){
		repQuest += '<li>'+data.response[i].label+'</li>';
	}
	repQuest += '</ul>';
	$$('#quizz div')[0].innerHTML = textQuest + repQuest;
	
	if (data.info!='null') $$('#quizzMore div')[0].innerHTML = data.info;
	
	var liNodes = $$('#quizz li');
	for (var i=0;i<liNodes.length;i++){
		Event.observe(liNodes[i],'click',this.selectQuizz.bind(this,liNodes,i,cont));
	}
}
function showMore(){
	$('quizzMore').style.display = 'block';
	$('quizzMorefd').style.display = 'block';
}
function hideMore(){
	$('quizzMore').style.display = 'none';
	$('quizzMorefd').style.display = 'none';
}
function selectQuizz(o,i,j){
	if (!isLocked){  
		if(o[i].className!="on"){
			o[i].addClassName('on');
			if(saveSelected && j!=7) saveSelected.removeClassName('on');
			saveSelected = o[i];
		}
		else{
			o[i].removeClassName('on');
			saveSelected = o[-1];
		}
	}
}
function checkQuest(){
	hideMore();
	isLocked = true;
	var repNodes = datas.questions[cont].response;
	var liNodes = $$('#quizz li');
	for (var i=0;i<repNodes.length;i++){
		if (repNodes[i].valid){
			if (liNodes[i].className=="on") liNodes[i].addClassName('good');
			else liNodes[i].addClassName('on');
		}
		if (liNodes[i].className=="on" && !repNodes[i].valid) liNodes[i].addClassName('erreur');
	}
	$('rep').style.left = "-2000px"
	
	$('quest').style.left = "68px";
	
}
function nextQuest(){
	hideMore();
	isLocked = false;
	cont++;
	if (cont==datas.questions.length) cont=0;
	writeQuest(datas.questions[cont]);
	
	$('rep').style.left = "68px";
	
	$('quest').style.left = "-2000px"
}