$().ready(function() {		
		// validate form on keyup and submit
		// submit function sends via ajax
		$("#invest-form").validate({
			rules: {
				fname: { required: true },
				lname: { required: true },
				address: { required: true },
				city: { required: true },
				state: { required: true },
				zip: { required: true },
				phone: { required: true },
				email: {
					required: true,
					email: true
				}
			},
			messages: {
				fname: "Please enter a first name.",
				lname: "Please enter a last name.",
				address: "Please enter an address.",
				city: "Please enter a city.",
				state: "Please select a state.",
				zip: "Please enter a zip code.",
				phone: "Please enter your phone number.",
				email: "Please enter a valid email address."
			},
			submitHandler: function(form) {
				// grab all input, textarea, etc values that exist in this form and put them in an Object
				// grab all checked radio or checkbox fields and put them in the Object too
				var field_values = {};
				$(':input', form).not(":radio, :checkbox").each(function() {
					field_values[$(this).attr('name')] = $(this).val();
				});
				$(':radio, :checkbox', form).filter(':checked').each(function() {
					field_values[$(this).attr('name')] = $(this).val();
				});
				
				// change submit button, display loading div
				$("#invest-form button[@name='submit']").attr({disabled:'disabled',value:'Submit'}).addClass("disabled").css("display","none");
				$("#invest-form .form-load-area").addClass("form-loading").append("Sending data...");

				// send via ajax
				$.ajax({
					type: "POST",
					cache: false,
				  url: $("#invest-form").attr("action"),
					data: field_values,
					dataType: "html",
					success: finishedSendingFormData
				});
				return false;
			}
		});
		
		// function to execute on successful load of new content
		function finishedSendingFormData(data) {
			// add new content
			$("#invest-message").html(data);
			// update submit button
			$("#invest-form button[@name='submit']").removeAttr('disabled').attr({value:'Submit'}).removeClass("disabled").css("display","block");
			$("#invest-form .form-load-area").removeClass("form-loading").empty();
		};
		
		// add form classes for ie (to mimic our css selectors)
		if ($.browser.msie) {
			$("input:checkbox").addClass("type-checkbox");
			$("input:radio").addClass("type-radio");
		};
});