$(document).ready(function() {
	/* ******** sifr - replaces tags with cool font ******** */
	$.sifr({
		path: '/fonts/',
		save: true
	});
	$('h1, h2, h3, h4').sifr({ font: 'chanor_sans' });
	
	/* ******** Fancybox ******** */
	$("#screenshots a, #wallpapers a").fancybox({
		'zoomSpeedIn': 300,
		'imageScale': false,
		'centerOnScroll': false,
		'zoomSpeedOut': 300,
		'overlayOpacity':0.65,
		'overlayShow': true
	});
	
	/* ******** Tablesorter  ******** */
	$("#games-list").tablesorter({sortList: [[0,0]]}); 
	
	/* ******** Trivia  ******** */
	var triviaClicked = false;
	var d; //Trivia Data
	$("#trivia-start").click(function() {
		$.getJSON("triviaQuestion.php", function(data) {
			d = data;
			d.currentQuestion = d.triviaSeq[0];
			var question = "<p>" + (d.triviaSeqCounter+1) + ". " + d.questions.question[d.currentQuestion] + "</p><ol id=\"guesses\">";
			question += "<li><input type=\"radio\" name=\"guess\" value=\""+1+"\" class=\"invis\" id=\"a"+1+"\"/><label for=\"a"+1+"\">" + d.questions.answers.a1[d.currentQuestion] + "</label></li>";
			question += "<li><input type=\"radio\" name=\"guess\" value=\""+2+"\" class=\"invis\" id=\"a"+2+"\"/><label for=\"a"+2+"\">" + d.questions.answers.a2[d.currentQuestion] + "</label></li>";
			question += "<li><input type=\"radio\" name=\"guess\" value=\""+3+"\" class=\"invis\" id=\"a"+3+"\"/><label for=\"a"+3+"\">" + d.questions.answers.a3[d.currentQuestion] + "</label></li>";
			question += "<li><input type=\"radio\" name=\"guess\" value=\""+4+"\" class=\"invis\" id=\"a"+4+"\"/><label for=\"a"+4+"\">" + d.questions.answers.a4[d.currentQuestion] + "</label></li>";
			question += "</ol>";
			$("#trivia-totalQuestions").text(d.total);
			$("#trivia-question").html(question);
		});
	});
	$('#trivia-next-question').live("click", function() {
		d.triviaSeqCounter++;
		d.currentQuestion = d.triviaSeq[d.triviaSeqCounter];
		$('#trivia-question').fadeOut("slow", function() {
			if (d.triviaSeqCounter < d.total) {
				var question = "<p>" + (d.triviaSeqCounter+1) + ". " + d.questions.question[d.currentQuestion] + "</p><ol id=\"guesses\">";
				question += "<li><input type=\"radio\" name=\"guess\" value=\""+1+"\" class=\"invis\" id=\"a"+1+"\"/><label for=\"a"+1+"\">" + d.questions.answers.a1[d.currentQuestion] + "</label></li>";
				question += "<li><input type=\"radio\" name=\"guess\" value=\""+2+"\" class=\"invis\" id=\"a"+2+"\"/><label for=\"a"+2+"\">" + d.questions.answers.a2[d.currentQuestion] + "</label></li>";
				question += "<li><input type=\"radio\" name=\"guess\" value=\""+3+"\" class=\"invis\" id=\"a"+3+"\"/><label for=\"a"+3+"\">" + d.questions.answers.a3[d.currentQuestion] + "</label></li>";
				question += "<li><input type=\"radio\" name=\"guess\" value=\""+4+"\" class=\"invis\" id=\"a"+4+"\"/><label for=\"a"+4+"\">" + d.questions.answers.a4[d.currentQuestion] + "</label></li>";
				question += "</ol>";
			} else {
				var question = "<p>Thanks for playing our Ultimate Trivia Challenge</p><p>You got "+d.triviaScore+" questions correct.  Good work!</p>";
			}
			$("#trivia-question").html(question);
			$('#trivia-question').fadeIn();
			triviaClicked = false;
		});
	});
	$('.trivia-close').click(function() {
		$('#fancy_overlay').css("opacity", "");
		$('#fancy_overlay').css("filter", "");
		$('#fancy_overlay').fadeOut();
		d = "";
		$('#trivia').fadeOut("normal", function() {
			$('#trivia-score').text("0");
			triviaClicked = false;
		});
	});
	$('#trivia').ajaxStart(function() {
		$('#trivia-question').fadeOut("slow");
		$('#trivia-question').html("<p>Loading...</p>");
	});
	$('#trivia').ajaxComplete(function(event,request,settings) {
		if (d.triviaSeqCounter == 0) {
			$('#fancy_overlay').css("opacity", "0.8");
			$('#fancy_overlay').css("filter", "alpha(opacity=40)");
			$('#fancy_overlay').fadeIn();
			
			var top = Math.floor($(window).height() / 2)-300;
			var left = Math.floor($(window).width() / 2)-320;
			if (top < 0) {
				top = 20;
			}
			if (left < 0) {
				left = 0;
			}
			$(this).css("top", top);
			$(this).css("left", left);
			$(this).fadeIn();
		}
		$('#trivia-question').fadeIn();
	});
	$('#guesses li').live("mouseup", function() {
		if (!triviaClicked) {
			triviaClicked = true;
			var div = $(this).parent().parent();
			var guesses = document.triviaForm.guess;
			div.fadeOut("normal", function() {
				//Add to score
				if (guesses[d.questions.key[d.currentQuestion]-1].checked) {
					d.triviaScore++;
					$('#trivia-score').text(d.triviaScore);
				}
				var correct = new Array();
				for (var i = 0; i < guesses.length; i++) {
					correct[i] = " ";
					if (guesses[i].checked) {
						correct[i] = " class=\"incorrect\"";
					}
					if (i == d.questions.key[d.currentQuestion]-1) {
						correct[i] = " class=\"correct\"";
					}
				}
				var question = "<p>"+(d.triviaSeqCounter+1) + ". " + d.questions.question[d.currentQuestion] + "</p><ol>";
				question += "<li"+correct[0]+"><label for=\"a"+1+"\">" + d.questions.answers.a1[d.currentQuestion] + "</label></li>";
				question += "<li"+correct[1]+"><label for=\"a"+2+"\">" + d.questions.answers.a2[d.currentQuestion] + "</label></li>";
				question += "<li"+correct[2]+"><label for=\"a"+3+"\">" + d.questions.answers.a3[d.currentQuestion] + "</label></li>";
				question += "<li"+correct[3]+"><label for=\"a"+4+"\">" + d.questions.answers.a4[d.currentQuestion] + "</label></li>";
				question += "</ol><p><a href=\"javascript:;\" id=\"trivia-next-question\">Next Question</a></p>";
				div.html(question);
				$(this).fadeIn();
				return false;
			});
		}
	});
})