// 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.
	$(".name_wrap").hide();
	$("#company_name_wrap").hide();
	$("#special_accommodations_wrap").hide();
	
	// Reset form elements back to default values
	$("#submit_button").attr("disabled",true);
	$("#num_attendees").val('Please Choose');
	$("#step_2 input[type=radio]").each(function(){
		this.checked = false;
	});
	$("#rock").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 });
	
	$.stepTwoComplete_one = "not complete";
	$.stepTwoComplete_two = "not complete"; 
		
	// When a dropdown selection is made
	$("#num_attendees").change(function() {

		$(".name_wrap").slideUp().find("input").removeClass("active_name_field");
		
		switch ($("#num_attendees option:selected").text()) {
			case 'Can I book a trip online?':
				$("#attendee_1_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Do you provide clean bath/shower towels every day?':
				$("#attendee_2_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Do you provide clean ship deck towels (different than your shower towels) every day?':
				$("#attendee_3_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Do you provide bath/shower soap or should I bring my own?':
				$("#attendee_4_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Does the boat have hot water?':	
				$("#attendee_5_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Are there hairdryers in the rooms?':	
				$("#attendee_6_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Are there bathrobes in the rooms for each person?':	
				$("#attendee_7_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'How often do you change the bed linens?':	
				$("#attendee_8_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Do I have to bring my own alcohol?':	
				$("#attendee_9_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'What is the maximum number of passengers?':	
				$("#attendee_10_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Is the ship air-conditioned?':	
				$("#attendee_11_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'How comfortable is the M/V Coral Star?':	
				$("#attendee_12_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'What should I bring?':	
				$("#attendee_13_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'How safe is Coiba?':	
				$("#attendee_14_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'What are the medical facilities?':	
				$("#attendee_15_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			case 'Can I bring my wife?':	
				$("#attendee_16_wrap").slideDown().find("input").addClass("active_name_field");
				break;
			}
	});
	
	$(".name_input").blur(function(){
	
		var all_complete = true;
				
		$(".active_name_field").each(function(){
			if ($(this).val() == '' ) {
				all_complete = false;
			};
		});
		
		if (all_complete) {
			$("#step_1")
			.animate({
				paddingBottom: "120px"
			})
			.css({
				"background-image": "url(images/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
			});
		};
	});
	
	function stepTwoTest() {
		if (($.stepTwoComplete_one == "complete") && ($.stepTwoComplete_two == "complete")) {
			$("#step_2")
			.animate({
				paddingBottom: "120px"
			})
			.css({
				"background-image": "url(images/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
			});
		}
	};
	
	$("#step_2 input[name=company_name_toggle_group]").click(function(){
		$.stepTwoComplete_one = "complete"; 
		if ($("#company_name_toggle_on:checked").val() == 'on') {
			$("#company_name_wrap").slideDown();
		} else {
			$("#company_name_wrap").slideUp();
		};
		stepTwoTest();
	});
	
	$("#step_2 input[name=special_accommodations_toggle]").click(function(){
		$.stepTwoComplete_two = "complete"; 
		if ($("#special_accommodations_toggle_on:checked").val() == 'on') {
			$("#special_accommodations_wrap").slideDown();
		} else {
			$("#special_accommodations_wrap").slideUp();
		};
		stepTwoTest();
	});
	
	$("#rock").click(function(){
		if (this.checked && $("#num_attendees option:selected").text() != 'Please Choose'
		  	&& $.stepTwoComplete_one == 'complete' && $.stepTwoComplete_two == 'complete') {
				$("#submit_button").attr("disabled",false);
			} else {
				$("#submit_button").attr("disabled",true);
		}
	});
	
});