// Contact Form
function nl2br(value) {
	return value.replace(/\n/g, "<br />");
}


$(function() {
	$('.error').hide();

	$(".button").click(function() {
		// validate and process form
		// first hide any error messages
    		$('.error').hide();

		// check to see that fields are filled out
	  	var name = $("input#name").val();
		if (name == "") {
			$("label#name_error").show();
			$("input#name").focus();
			return false;
		}

		var email = $("input#email").val();
		var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
		if (email.search(emailRegEx) == -1) {
			$("label#email_error").show();
			$("input#email").focus();
			return false;
		}

		var message = $("textarea#message").val();
		if (message == "") {
			$("label#message_error").show();
			$("textarea#message").focus();
			return false;
		}
		
		var dataString = 'name='+ name + '&email=' + email + '&message=' + message;
		//alert (dataString);return false;
		

		// convert message to html format by adding <br />'s
		message = nl2br(message);

		$.ajax({
			type: "POST",
			url: "bin/process.php",
			data: dataString,
			success: function() {
				$('#contact_form').html("<div id='message'></div>");
				$('#message').html("<p> </p>")
				.append("<div class='form_row'><label>Name </label><span class='output'>" + name + "</span></div>")
				.append("<div class='form_row'><label>Email </label><span class='output'>" + email + "</span></div>")
				.append("<div class='form_row'><label>Message </label><span class='output'>" + message + "</span></div>")
				.append("<div class='form_row form_row_submit'><label> </label><span class='output' style='font-weight: bold;'>Message Sent!  Thank you!</span></div>")
				.hide()
				.fadeIn(500, function() {
					$('#message');
				});
			}
		});
		return false;
	});
});