$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#ffffff"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#cccccc"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#cccccc"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var firstname = $("input#firstname").val();
		if (firstname == "") {
      $("label#firstname_error").show();
      $("input#firstname").focus();
      return false;
    }
	
		  var lastname = $("input#lastname").val();
		if (lastname == "") {
      $("label#lastname_error").show();
      $("input#lastname").focus();
      return false;
    }
		var email = $("input#email").val();
		if (email == "") {
      $("label#email_error").show();
      $("input#email").focus();
      return false;
    }
	
	
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	  if(reg.test(email) == false) {
      alert('Invalid Email Address');
      return false;
   }
	
	
		var email2 = $("input#email2").val();
		if (email != email2) {
      $("label#emailvar_error").show();
      $("input#email").focus();
      return false;
    }
	
	

		
		var dataString = 'firstname='+ firstname + '&lastname=' + lastname + '&email=' + email + '&email2=' + email2;
			//alert (dataString);return false;
		
		
				$.ajax({
      type: "POST",
      url: "/bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<br><font size=3><b>Thank you for joining Manly's Republic!</B><br /></font>");
     
       
      }
     });
    return false;
	});
});
runOnLoad(function(){
  // $("input#name").select().focus();
});