// JavaScript Document

$(document).ready(function() {
	$('#noJS').addClass('hidden');
	$('#yesJS').removeClass('hidden');
});

function toggleGuide() {
	if (document.contact.guide.checked) $('#required').html("Name and complete address must be filled out if you wish to receive a Visitor Guide.");
	else $('#required').html("Your email address is required if you wish to receive a reply.");
}

function submitForm() {
	$('#formName').addClass('hidden');
	$('#formAddress').addClass('hidden');
	$('#formCity').addClass('hidden');
	$('#formState').addClass('hidden');
	$('#formZip').addClass('hidden');
	$('#submit').html("<img src='/images/icons/ajax.gif' alt='Loading'> <b>Processing your information...</b>");
	
	var error = false;
	var form = document.contact;
	form.phone.value = form.phone.value.replace(/[^\d]/g, "");
	
	if (form.guide.checked) {
		if (form.name.value == "") {
			$('#formName').removeClass('hidden');
			error = true;
		}
		if (form.address.value == "") {
			$('#formAddress').removeClass('hidden');
			error = true;
		}
		if (form.city.value == "") {
			$('#formCity').removeClass('hidden');
			error = true;
		}
		if (form.state.value == "") {
			$('#formState').removeClass('hidden');
			error = true;
		}
		if (form.zip.value.length < 5) {
			$('#formZip').removeClass('hidden');
			error = true;
		}
	}
	if (error) $('#submit').html("<p><img src='/images/icons/icon_error.gif' alt='Error'><span class='iconMsg red'>Please fill in the missing fields above.</span></p><p><a class='button' href='#' onclick='submitForm();return false;'>Submit &raquo;</a></p>");
	else {
		if (form.guide.checked) $('#guideMail').removeClass('hidden');
		var params = "comments=" + escape(form.comments.value);
		params += "&guide=";
		if (form.guide.checked) params += "1";
		else params += "0";
		params += "&name=" + escape(form.name.value);
		params += "&address=" + escape(form.address.value);
		params += "&city=" + escape(form.city.value);
		params += "&state=" + form.state.value;
		params += "&zip=" + form.zip.value;
		params += "&phone=" + form.phone.value;
		params += "&email=" + form.email.value;
		
		$.ajax({
			type: "POST",
			url: "/pages/92/ajax.php",
			data: params,
			success: function(msg) {
				if (msg.substring(0,5) == "ERROR") $('#submitButton').html("<img src='/images/icons/icon_error.gif' alt='Error'><span class='iconMsg red'>An error occured.</span><ul class='red'>" + msg.substring(6) + "</ul><p><a class='button' href='#' onclick='submitForm();return false;'>Submit &raquo;</a></p>");
				else {
					$('#yesJS').slideUp(250);
					$('#complete').slideDown(250);
				}
			}
		});
	}
}