/**
 * Gestion de la page de soumission d'un quiz. Permet l'affichage
 * des réponses et de la note sans rechargement de la page.
 *
 * @package		zCorrecteurs
 * @subpackage	js
 * @author		vincent1870
 */

$('form_jouer').addEvent('submit', function(e){
	e.stop();

	xhr = new Request({url: '/quiz/ajax-jouer.html', method: 'post', onSuccess: function(text, xml){
		//En cas d'erreur.
		if (text == 'ERREUR')
		{
			$('quiz_notice').set('html', 'Ce quiz n\'a pas été trouvé ! Vous pouvez signaler cette anomalie.');
			$('quiz_notice').slide();
		}

		//Sinon on décode et on affiche les réponses.
		data = JSON.decode(text);
		for (i in data.reponses)
		{
			$('correction_'+i).set('html', data.reponses[i]);
		}

		//On affiche les corrections et cache les explications.
		$$('.correction').each(function(elem, i){
			elem.slide('in');
		});
		/*$$('.explication').each(function(elem, i){
			elem.slide('hide');
		});*/
		$('quiz_note').set('html', data.note);
		$('quiz_note').slide('in');

		//On bloque le formulaire pour une éventuelle soumission future.
		$('submit').setStyle('display', 'none');
		$$('input[type=radio]').each(function(elem, i){ elem.set('disabled', 'disabled'); });

		//On remonte en haut pour que l'utilisateur voie sa note.
		new Fx.Scroll(window, {duration:1000, transition: Fx.Transitions.Quart.easeOut}).toTop();
	}});
	xhr.send($('form_jouer').toQueryString()+'&ajax=1');

	return false;
});

window.addEvent('domready', function(){
	$$('.correction').each(function(elem, i){
		elem.slide('hide');
	});
	$('quiz_notice').slide('hide');
	$('quiz_notice').setStyle('display', 'block');
	$('quiz_note').slide('hide');
	$('quiz_note').setStyle('display', 'block');
});

