// JavaScript Document

$(document).ready(function(){
	
	//hiding "click here btn", opening the quiz
	$("#headerTitleHolder").hide();
	$("#clickHere").click(function(){
			$("#clickHereHolder").fadeOut(500,function(){
				$('#question1').fadeIn(500);
				$('#headerTitleHolder').fadeIn(500);
			});
			//flashContent slides down
			$("#slidingBox").animate(
				{marginTop: '0px'}, 1000, 
				function(){
				// Animation complete.
			});
	});
	
	var answers = $.makeArray();
	
	//QUESTION 1//
	//handling question1 radioBtns clicking
	$("#question1Radio1").click(function(){
		$("#question1").fadeOut(500);
		$("#result1").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(0)", "#result1").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
		answers.push(1);
	});
	$("#question1Radio2").click(function(){
		$("#question1").fadeOut(500);
		$("#result1").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(1)", "#result1").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question1Radio3").click(function(){
		$("#question1").fadeOut(500);
		$("#result1").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(2)", "#result1").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	//next question btn
	$(".nextQuestion", "#result1").click(function(){
		$("#result1").fadeOut(500);
		$("#question2").fadeIn(500);
	});
	
	//QUESTION 2//
	//handling question2 radioBtns clicking
	$("#question2Radio1").click(function(){
		$("#question2").fadeOut(500);
		$("#result2").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(0)", "#result2").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question2Radio2").click(function(){
		$("#question2").fadeOut(500);
		$("#result2").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(1)", "#result2").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
		answers.push(1);
	});
	$("#question2Radio3").click(function(){
		$("#question2").fadeOut(500);
		$("#result2").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(2)", "#result2").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	//next question btn
	$(".nextQuestion", "#result2").click(function(){
		$("#result2").fadeOut(500);
		$("#question3").fadeIn(500);
	});
	
	//QUESTION 3//
	//handling question3 radioBtns clicking
	$("#question3Radio1").click(function(){
		$("#question3").fadeOut(500);
		$("#result3").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(0)", "#result3").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
		answers.push(1);
	});
	$("#question3Radio2").click(function(){
		$("#question3").fadeOut(500);
		$("#result3").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(1)", "#result3").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question3Radio3").click(function(){
		$("#question3").fadeOut(500);
		$("#result3").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(2)", "#result3").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	//next question btn
	$(".nextQuestion", "#result3").click(function(){
		$("#result3").fadeOut(500);
		$("#question4").fadeIn(500);
	});

	//QUESTION 4//
	//handling question4 radioBtns clicking
	$("#question4Radio1").click(function(){
		$("#question4").fadeOut(500);
		$("#result4").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(0)", "#result4").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question4Radio2").click(function(){
		$("#question4").fadeOut(500);
		$("#result4").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(1)", "#result4").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question4Radio3").click(function(){
		$("#question4").fadeOut(500);
		$("#result4").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(2)", "#result4").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
		answers.push(1);
	});
	//next question btn
	$(".nextQuestion", "#result4").click(function(){
		$("#result4").fadeOut(500);
		$("#question5").fadeIn(500);
	});
	
	//QUESTION 5//
	//handling question5 radioBtns clicking
	$("#question5Radio1").click(function(){
		$("#question5").fadeOut(500);
		$("#result5").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(0)", "#result5").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question5Radio2").click(function(){
		$("#question5").fadeOut(500);
		$("#result5").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(1)", "#result5").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
	});
	$("#question5Radio3").click(function(){
		$("#question5").fadeOut(500);
		$("#result5").fadeIn(500);
		$(".nonSelectedRadioBtn:eq(2)", "#result5").removeClass("nonSelectedRadioBtn").addClass("selectedRadioBtn");
		answers.push(1);
	});
	//next question btn
	$(".nextQuestion", "#result5").click(function(){
		$("#result5").fadeOut(500);
		$(".greyBox").removeClass("greyBox").addClass("greyBoxWithImg");
		$("#quizResults").fadeIn(500);
		//$("#quizResults").html("<p>" + answers.length + "</p>");
		$("#quizResults").prepend("<p>Thanks for taking the quiz! You Scored <strong>" + answers.length + " of 5</strong> Correctly<br />Now, enter for your chance to WIN a gift pack valued at $250!</p>");
	});
	
	//quiz Results Submit Btn clicked
	$("#quizSubmitButton").live('click', function(){
		var error = "";
		if ($("#name").val() == "" || $("#email").val() == "" || $("[name='gender']:checked").val() == undefined)
			alert("Name, Email, and Gender are all required.");
		else{
			if (is_valid_email($("#email").val())){
				$.ajax({url: '/surveyResults.php',
						data: $("#quizResultForm").serialize(),
						success:function(){
							$("#emailIdent").val($("#email").val());
							$("#sender").val($("#name").val());
							$("#quizResults").fadeOut(500);
							$(".greyBoxWithImg").removeClass("greyBoxWithImg").addClass("greyBox");
							$("#confirmationScreen").fadeIn(500);
						}});
			}else{
				$("#email").focus();
				$("#email").css({background: '#FCC'});
			}
		} 
	});
	
	//confirmation screen submit Btn clicked
	$("#tellAFriendSubmit").live('click', function(){
		if (is_valid_email($("#firstemail").val()) || is_valid_email($("#secondemail").val())){
			$.ajax({url: '/surveyResults.php',
					data: $("#tellAFriendForm").serialize(),
					success:function(){
						$("#form").children().fadeOut(500);
						$('#form').html('<p>Thank You for Telling A Friend</p>'); 
					}});
		}
	});
});

function is_valid_email (email)
{
	return /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email);
}