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

      $('.error').hide();
  	  	toggleClear($("input#name")); //.toggleClass("text-input",1);
		toggleClear($("input#email")); //.toggleClass("text-input",1);
      	//document.getElementById('contact').name.className='text-input';
      	//document.getElementById('contact').email.className='text-input';
		var name = $("input#name").val();
  		if (name == "") {
        $("label#name_error").show();
		toggleError($("input#name"));
		//document.getElementById('contact').name.className="errorbox";
	    $("input#name").focus();
        return false;
      }

  		var email = $("input#email").val();
  		if (email == "") {
        $("label#email_error").show();
	    toggleClear($("input#name"));
		toggleError($("input#email"));
		//document.getElementById('contact').name.className='text-input';
		//document.getElementById('contact').email.className='errorbox';
        $("input#email").focus();
        return false;
      }
var em = email;
if (em) {
var pattern1 = /\s|(@.*@)|(\.\.)|(@\.)|(\.@)|(^www\.)|(^WWW\.)|(^\.)/;
var pattern2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
var m1 = pattern1.test(em);
var m2 = pattern2.test(em);
if ((m1 == true) || (m2 == false))
    { 
$("label#valid_email_error").show();
//document.getElementById('contact').name.className='text-input';
//document.getElementById('contact').email.className='errorbox';
 toggleClear($("input#name"));
		toggleError($("input#email"));
$("input#email").focus();
return (false);
} }
  	var submit = $("input#submit").val();
  		if (submit == "") {
        return false;
      }	

function toggleError(elem) {
elem.toggleClass("text-input", false);
elem.toggleClass("errorbox", true);
}
function toggleClear(elem) {
elem.toggleClass("errorbox", false);
elem.toggleClass("text-input", true);
}

var dataString = 'name='+ name  + '&email=' + email + '&submit=' + submit;
  //alert (dataString);return false;
  $.ajax({
    type: "POST",
    url: "includes/nlmail.asp",
    data: dataString,
    success: function(data) {
      $('#contact_display').html("<div id='message'></div>");
      $('#message').html('<h2 style="text-align: center;">Newsletter Signup Submitted!</h2>')
      .append('<p style="text-align: center; font-weight:bold;">Thank you. You will be receiving<br>your first newsletter shortly.</p>')
.append('<p style="text-align: center;"><a href="#" style="text-decoration: underline; font-weight:bold;" onclick="document.getElementById(\'fade\').style.display=\'none\'; document.getElementById(\'contact_wrapper\').style.display=\'none\'; return false;">CLOSE WINDOW</a></p>')
      .hide()
      .fadeIn(1500, function() { });
    },
    error: function() {
      $('#contact_display').html("<div id='message'></div>");
      $('#message').html('<h2 style="text-align: center;">There Has Been An Error!</h2>')
      .append('<p style="text-align: center; font-weight:bold;">Your information has not been submitted.<br>Please email your request to info@bbyacht.com</p>')
.append('<p style="text-align: center;"><a href="#" style="text-decoration: underline; font-weight:bold;" onclick="document.getElementById(\'fade\').style.display=\'none\'; document.getElementById(\'contact_wrapper\').style.display=\'none\'; return false;">CLOSE WINDOW</a></p>')
      .hide()
      .fadeIn(1500, function() { });
    }
  });
  return false;
});
});
$(document).ready(function(){
document.contact.name.value = "";
document.contact.email.value = "";
});