/*
 * What are you doing here! go find something useful to do 
 *      Richard Assar.
 */

var score = 0;
var numQuestions;
var questionIndex = 1;
var bikeTravel;
var total = 0;
var answersArray=new Array();

function displayStatus(status) {
	if(status) {
		$('p#status').addClass('correct');
		$('p#status').text('Correct');
		answer = 'Correct';
		answersArray[questionIndex] = 'correct';
		score++;
	} else {
		answer = 'Incorrect';
		$('p#status').addClass('incorrect');
		$('p#status').text('Wrong');
		answersArray[questionIndex] = 'false';
	}
	
	
	
			
	if(questionIndex > 0) {
		$('a#prev-question').show();
	}

	if(questionIndex < 10) {
		$('a#next-question').show();
	} else {
		$('a#prev-question').hide();
		$('#call_to_action').show('fast');
		
		//count through array to calculate total
		jQuery.each(answersArray, function() {
			if (this == 'correct'){
				total++;
			}

		});
		$('a#try_again').show();
		$('p#score').text('Your score: ' + total + '/' + numQuestions);	
				
		var winColorR = 162;
		var winColorG = 195;
		var winColorB = 0;
				
		var failColorR = 255;
		var failColorG = 53;
		var failColorB = 53;
		
		var winRatio = total / numQuestions;				
						
		var red 	= failColorR + winRatio * (winColorR - failColorR);
		var green 	= failColorG + winRatio * (winColorG - failColorG);
		var blue	= failColorB + winRatio * (winColorB - failColorB);		
								
		$('p#score').css('color', 'rgb(' + Math.floor(red) + ',' + Math.floor(green) + ',' + Math.floor(blue) + ')');
		$('p#score').show();
		
	}	
	
	try { pageTracker._trackEvent('Quiz', 'Step '+questionIndex, answer);
	} catch(err) {}
	
	$('p#status').show();
}

function hideStatus() {
	$('a#prev-question').hide();
	$('a#next-question').hide();
	$('p#status').hide();
	
	$('p#status').removeClass('correct');
	$('p#status').removeClass('incorrect');
}
function prevQuestion() {		
	hideStatus();		

	$('p#score').hide();
	
	var prev = $('div.current');		

	$('div.current p.summary').hide();
	$('div.current p.question').show();
	$('div.current div.answers').show();
	
	
	$('p#question-index').text('Question ' + questionIndex);		
	if(questionIndex < 1) {
		$('a#prev-question').hide();
	}		
}

function nextQuestion() {		
	hideStatus();		
		
	var next = $('div.current').next();		
	$('div.current').hide();	
	$('div.current').removeClass('current');	
	next.show();
	next.addClass('current');	
		
	var nextArrow = $('div#strip div.middle p.active').next();
	$('div#strip div.middle p.active').removeClass('active');
	nextArrow.addClass('active');	
	$('div.current p.summary').hide();
	$('div.current p.question').show();
	$('div.current div.answers').show();
	if(( $.browser.safari )||( $.browser.opera )){
		$("img#bike").animate({ 
			left: ((parseFloat($("img#bike").position().left) / 16) + 2.2 + bikeTravel).toString() + 'em' },
			1000,
			"swing"		
		);
	}else{
		$("img#bike").animate({ 
			left: (parseFloat($("img#bike").position().left) / 16 + bikeTravel).toString() + 'em' },
			1000,
			"swing"		
		);
	}
	 
		
	$('p#question-index').text('Question ' + ++questionIndex);	
	
		
}

$(document).ready(function() {
	numQuestions = $('div#questions > div').length;
	
	bikeTravel = parseFloat($('div.middle p.active').attr('style').substring(7)) * 0.75;
	//$('#call_to_action').hide('fast');
	$('a#next-question').click(function(){ 
		nextQuestion(); 		
		
		return false;
	});
	$('a#prev-question').click(function(){ 
		prevQuestion(); 

		return false;
	});
	
	$('p.answer input').each(function(){ 
		$(this).click(function(){
			$('div.current p.question').hide();
			$('div.current div.answers').hide();
			
			$('div.current p.summary').show();			
			
			if($(this).hasClass('correct')) {																				
				displayStatus(true);
			} else {				
				displayStatus(false);
			}
							
		});
	});
	
	$('div#strip').append('<span class="tl"></span>');
	$('div#strip').append('<span class="tr"></span>');
	$('div#strip').append('<span class="bl"></span>');
	$('div#strip').append('<span class="br"></span>');
});