// Necessary evils - global vars
var day_check = false;
var tickets_check = false;

// When the DOM is ready...
$(function(){
	
	// Hide stuff with the JavaScript. If JS is disabled, the form will still be useable.
	// NOTE:
	// Sometimes using the .hide(); function isn't as ideal as it uses display: none; 
	// which has problems with some screen readers. Applying a CSS class to kick it off the
	// screen is usually prefered, but since we will be UNhiding these as well, this works.
	$(".matches_wrap").hide();
	$("#step2_check").hide();
	$("#step3_check").hide();
	
	// Reset form elements back to default values
	$("#submit_button").attr("disabled",true);
	$("#confirm_day").each(function(){
		this.checked = false;
	});
	$("#confirm_tickets").each(function(){
		this.checked = false;
	});
	$("#go").each(function(){
		this.checked = false;
	});
	
	// Fade out steps 2 and 3 until ready
	$("#step_2").css({ opacity: 0.3 });
	$("#step_3").css({ opacity: 0.3 });
	
	
// STEP 1	
	// When a dropdown day selection is made
	$("#day").change(function() {

		$(".matches_wrap").slideUp();
		$(".name_input").each(function(){ this.checked = false; });
		
		switch ($("#day option:selected").text()) {
			case 'Saturday 14 August': $("#day_1_wrap").slideDown(); break;
			case 'Sunday 15 August': $("#day_2_wrap").slideDown(); break;
			case 'Monday 16 August': $("#day_3_wrap").slideDown(); break;
			case 'Tuesday 17 August': $("#day_4_wrap").slideDown(); break;
			case 'Wednesday 18 August': $("#day_5_wrap").slideDown(); break;
			case 'Thursday 19 August': $("#day_6_wrap").slideDown(); break;
			case 'Saturday 21 August': $("#day_7_wrap").slideDown(); break;
			case 'Sunday 22 August': $("#day_8_wrap").slideDown(); break;
			}
	});
	
	$(".name_input").change(function(){
		var all_complete = false;
		$(".name_input").each(function(){
			if (this.checked) {
				all_complete = true;
			};
		});
		
		if (all_complete) {
			day_check = true;
			$("#step_1")
			.animate({
				paddingBottom: "120px"
			})
			.css({
				"background-image": "url(/assets/check.png)",
				"background-position": "bottom center",
				"background-repeat": "no-repeat"
			});
			$("#step_2").css({
				opacity: 1.0
			});
			$("#step_2 legend").css({
				opacity: 1.0 // For dumb Internet Explorer
			});
		}
		else { day_check = false; $("#submit_button").attr("disabled",true); };
	});

// STEP 2
	// When a dropdown ticket selection is made
	$("#standard_tickets").change(function() {
		switch ($("#standard_tickets option:selected").text()) {
			case '1': $("#step2_check").slideDown(); break;
			case '2': $("#step2_check").slideDown(); break;
			case '3': $("#step2_check").slideDown(); break;
			case '4': $("#step2_check").slideDown(); break;
			case '5': $("#step2_check").slideDown(); break;
			case '6': $("#step2_check").slideDown(); break;
			case '7': $("#step2_check").slideDown(); break;
			case '8': $("#step2_check").slideDown(); break;
			case '9': $("#step2_check").slideDown(); break;
			case '10': $("#step2_check").slideDown(); break;
			}
	});
	
	$("#conc_tickets").change(function() {
		switch ($("#conc_tickets option:selected").text()) {
			case '1': $("#step2_check").slideDown(); break;
			case '2': $("#step2_check").slideDown(); break;
			case '3': $("#step2_check").slideDown(); break;
			case '4': $("#step2_check").slideDown(); break;
			case '5': $("#step2_check").slideDown(); break;
			case '6': $("#step2_check").slideDown(); break;
			case '7': $("#step2_check").slideDown(); break;
			case '8': $("#step2_check").slideDown(); break;
			case '9': $("#step2_check").slideDown(); break;
			case '10': $("#step2_check").slideDown(); break;
			}
	});

	$("#free_tickets").change(function() {
		switch ($("#free_tickets option:selected").text()) {
			case '1': $("#step2_check").slideDown(); break;
			case '2': $("#step2_check").slideDown(); break;
			case '3': $("#step2_check").slideDown(); break;
			case '4': $("#step2_check").slideDown(); break;
			case '5': $("#step2_check").slideDown(); break;
			case '6': $("#step2_check").slideDown(); break;
			case '7': $("#step2_check").slideDown(); break;
			case '8': $("#step2_check").slideDown(); break;
			case '9': $("#step2_check").slideDown(); break;
			case '10': $("#step2_check").slideDown(); break;
			}
	});


	$("#confirm_tickets").click(function(){
		if (this.checked) {
			tickets_check = true;
			$("#step_2")
			.animate({
				paddingBottom: "120px"
			})
			.css({
				"background-image": "url(/assets/check.png)",
				"background-position": "bottom center",
				"background-repeat": "no-repeat"
			});
			$("#step_3").css({
				opacity: 1.0
			});
			$("#step_3 legend").css({
				opacity: 1.0 // For dumb Internet Explorer
			});
		}
		else { tickets_check = false; $("#submit_button").attr("disabled",true); };
	});



//STEP 3
	$(".data_input").change(function() {
		var done = true;				
		$(".data_input").each(function(){
			if ($(this).val() == '' ) {
				done = false;
			};
		});
		if (done) { $("#step3_check").slideDown(); }
		else { $("#step3_check").slideUp(); };
	});

	$(".data_input").blur(function(){	
		var all_complete = true;				
		$(".data_input").each(function(){
			if ($(this).val() == '' ) {
				all_complete = false;
			};
		});

		if (all_complete) {
			$("#go").click(function(){
				if (this.checked && (tickets_check == true )) {
//				  	&& $.stepTwoComplete_one == 'complete' && $.stepTwoComplete_two == 'complete') {
						$("#submit_button").attr("disabled",false);
					} else {
						$("#submit_button").attr("disabled",true);
				}
			});
		};
	});
});