$(function() {


  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
/*
	  var name = $("input#name").val();
		if (name == "") {
      $("label#name_error").show();
      $("input#name").focus();
      return false;
    }
*/
		var email = $("input#email").val();
		if (email == "") {
      $("p#email_error").show();
      $("input#email").focus();
      return false;
    }
/*
		var phone = $("input#phone").val();
		if (phone == "") {
      $("label#phone_error").show();
      $("input#phone").focus();
      return false;
    }
*/
		
		var dataString = 'email=' + email;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "includes/jquery-ajax/bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'><form><fieldset id='response'></fieldset></form></div>");
        $('#response').html("<p class='MailForm'>Thanks very much. We'll be in touch.</p>")
        .hide()
        .fadeIn(1500, function() {
/*           $('#response').append("<p class='MailForm'>Contact Form Submitted!</p>"); */
        });

      }
      
      
      
/*
<div id="contact_form">
  <form name="contact" method="post" action="">
    <fieldset>
		<p class="MailForm">Join our mailing list (we'll be nice with your data)</p>
		<input type="text" name="email" id="email" size="30" value="Enter your email address..." class="text-input" />
		<input type="submit" name="submit" class="button" id="submit_btn" value="Send" />
		<p class="error" for="email" id="email_error">Did you enter an address?</p>
    </fieldset>
  </form>
</div> 
*/     
      
     });
    return false;
	});
});
runOnLoad(function(){
  $("input#name").select().focus();
});
