$(
	function ()
	{
		var a = function() { return document.createElement('a'); }
		var act = 0, nbrQuestion = 0;
		
		$('.question').each(
			function()
			{
				nbrQuestion = $('.question > div').length;
				
				if (nbrQuestion < 2) {
					$('.question-reponse .btn-brwse .prev');
					$('.question-reponse .btn-brwse .next');
				}
				
				$('.question > div').hide();
				$('.question > div').eq(0).show();
				
				$('.quest-nbr').empty();
				for(i=0; i<nbrQuestion; i++) {
					$('.quest-nbr').append(
						$(new a)
							.attr({href: '#', title: ''})
							.addClass(i==0?'active':'')
					);
				}
			}
		);
		
		$('.quest-nbr a').live(
			'click',
			function()
			{
				act = $('.quest-nbr a').index(this);
				$('.quest-nbr a').removeClass('active');
				$(this).addClass('active');
				$('.question > div').hide();
				$('.question > div').eq(act).show();
				return false;
			}
		);
		
		$('.question-reponse .btn-brwse .next').click(
			function()
			{
				act++;
				if (act==nbrQuestion) act = 0;
				$('.quest-nbr a').removeClass('active');
				$('.quest-nbr a').eq(act).addClass('active');
				$('.question > div').hide();
				$('.question > div').eq(act).show();
				return false;
			}
		);
		
		$('.question-reponse .btn-brwse .prev').click(
			function()
			{
				if (act==0)
					act = nbrQuestion - 1;
				else
					act --;
				$('.quest-nbr a').removeClass('active');
				$('.quest-nbr a').eq(act).addClass('active');
				$('.question > div').hide();
				$('.question > div').eq(act).show();
				
				return false;
			}
		);
	}
)