$(function() {

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

  $('input.text-input').css({backgroundColor:"#FFFFFF"});

  $('input.text-input').focus(function(){

    $(this).css({backgroundColor:""});

  });

  $('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 address1 = $("input#address1").val();

		if (address1 == "") {

      $("label#address1_error").show();

      $("input#address1").focus();

      return false;

    }    

    

    var address2 = $("input#address2").val();

    



	  var city = $("input#city").val();

		if (city == "") {

      $("label#city_error").show();

      $("input#city").focus();

      return false;

    }

    

    

 	  var state = $("select#state").val();

		if (state == "") {

      $("label#state_error").show();

      $("select#state").focus();

      return false;

    }

    

  	  var zip = $("input#zip").val();

		if (zip == "") {

      $("label#zip_error").show();

      $("input#zip").focus();

      return false;

    }

    

    

   	  var phone = $("input#phone").val();

		if (phone == "") {

      $("label#phone_error").show();

      $("input#phone").focus();

      return false;

    }

    

		var email = $("input#email").val();

		if (email == "") {

      $("label#email_error").show();

      $("input#email").focus();

      return false;

    }

 	var communities = $("input#communities").val();   

 	var comments = $("textarea#comments").val(); 

 	

		var dataString = 'name='+ name + '&address1=' + address1 + '&address2=' + address2 + '&city=' + city + '&state=' + state + '&zip=' + zip + '&phone=' + phone + '&email=' + email + '&communities=' + communities + '&comments=' + comments;

		//alert (dataString);return false; 

		

		$.ajax({

      type: "POST",

      url: "/bin/process.php",

      data: dataString,

      success: function() {

        $('#contact_form').html("<div id='message'></div>");

        $('#message').html("<h2 style='width:300px'>Contact Form Submitted!</h2>")

        .append("<p>We will be in touch soon.</p>")

        .hide()

        .fadeIn(1500, function() {

          $('#message').append("");

        });

      }

     });

    return false;

	});

});

runOnLoad(function(){

  $("input#name").select().focus();

});