// JavaScript Document

$(document).ready( function() {
	$("#contact_modal").click( function(e) {
		e.preventDefault();
		$.modal('<div><h1>Join our email list:</h1></div><div><form action="#" method="POST" id="mailing_list"><fieldset id="mailing_list_fields"><table><tr><td><label for="firstname">First Name: </label></td><td><input type="text" id="firstname" name="firstname" /></td></tr><tr><td><label for="lastname">Last Name: </label></td><td><input type="text" id="lastname" name="lastname" /></td></tr><tr><td><label for="email">Email: </label></td><td><input type="text" id="email" name="email" /></td></tr></table><input id="send" type="submit" value="Submit" /></fieldset></form><h5>Mocean will not sell or distribute your personal data in any way.</h5>', {
				closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
				overlayId: 'contact-overlay',
				containerId: 'contact-container',
		});

			$("#mailing_list").validate({
				rules: {
					firstname: "required",
					lastname: "required",
					email: {
						required: true,
						email: true
					}
				},
				messages: {
					firstname: "Invalid.",
					lastname: "Invalid.",
					email: "Invalid."
				},
				submitHandler: function() { var hasError = false;
					var firstNameVal = $("#firstname").val();
					var lastNameVal = $("#lastname").val();
					var emailVal = $("#email").val();

					if(hasError == false) {
						$("#mailing_list_fields").html('<p style="margin-left:110px;margin-top:20px;"><img src="/images/ajax-loader-regular.gif" alt="Loading..." id="loading" /></p>');
						var response = $.post("/mailinglist.php",
   							{ send: 1, firstname: firstNameVal, lastname: lastNameVal, email: emailVal, hash: Math.random() },
   								function(data){
									$("#loading").fadeOut("normal", function() {				   
										$("#mailing_list_fields").html(data);											
									});
   								}
							 );
					}
					return false; 
				}
			});									  
	});							
});