Event.observe(window, 'load', init, false);

var earned_points = 0;
function init() {
	
  $('imagus1').style.display='none';
   $('imagus2').style.display='none';
  $('imagus3').style.display='none';
  $('imagus4').style.display='none';
  $('imagus5').style.display='none';
  $('imagus6').style.display='none';
  $('imagus7').style.display='none';
  $('imagus8').style.display='none';
  $('imagus9').style.display='none';
  $('imagus10').style.display='none';
  $('score_graph').style.display='none';
  $('progress_container').style.display='none';
  $('progress').style.display='none';
}

function increment_points(value) {
  earned_points += value;
  percentage = earned_points / $('max_points').value;
  $('progress').style.height = Math.floor(percentage * 180) + 'px';   
  $('progress').style.marginTop =180-Math.floor(percentage * 180) + 'px';
}

function next_question(question_id) {


  
  if (question_id == 0) {
  	  	 $('description').style.display='block';
	   	 $('score_graph').style.display='block';
  		 $('progress_container').style.display='block';
 		 $('progress').style.display='block';
  	}
  
  $('question'+ question_id).style.display='none';
  $('imagus'+ question_id).style.display='none';
    $('description').style.display='none';


  question_id++;
  if ($('question'+question_id)) {
    $('question'+question_id).style.display='block';
	$('imagus'+question_id).style.display='block';

  } else {
    $('earned_points').value = earned_points;
    $('questions').submit();
  }
  
}