// JavaScript Document

function radioSelect(id){
	var image = $$('#'+id+' .btnRadio');
	
	image.each(function(el) {
            el.addEvent('click',function(){
                var input = el.getElement('input');
                
                if (el.hasClass('on')){
                    image.removeClass('on');
                    el.addClass('off');
                    input.checked = false;
                }else{
                    image.removeClass('on');
                    el.addClass('on');
                    input.checked = true;
                }
                
            });
	});
}

window.addEvent('domready', function() {
	
	$('Result-Quiz').setStyle('opacity', 0);
	$('Result-Quiz').setStyle('display', 'none');
	
	//SELECT VALUE INPUT RADIO FORM
	//var rsets =  $count($('fieldset'));
	
	/* for(var i=0; i <6; i++){
            radioSelect('question'+i);
	 }*/
	var rsets =  $(document.body).getElements('fieldset[id^=question]');
	  for(var i=1; i <= rsets.length; i++){
	        radioSelect('question'+i);
	  }
	 
	$('SubmitQuiz').addEvent('click', function(el){
		
            var x = new Ext.form.BasicForm('formquiz', {method:'POST'} );

            var url = Ext.get('formquiz').getValue('action');
 
            x.submit( {
                url: url,
                success: function(form, action) {
                    Ext.get('Result-Quiz').update(action.result.msg);
                    showResults ();
                },
               failure: function(form, action) {
                
                   alert('Attention:\nVeuillez répondre a toutes les questions du quiz !');
               }
            });
 
	});					
});

function showResults () {
    $('QuestionQuiz').fade(0);

    var x = function(){
            $('QuestionQuiz').setStyle('display','none');
            $('Result-Quiz').setStyle('display', 'block');
    };
    
    x.delay(1000);

    var y = function(){$('Result-Quiz').fade(1);};
    
    y.delay(1500);
}