$(document).ready(function () {
	$('#contact_form input, #contact_form textarea').each(function () {
		if ($(this).val() == '') {
			$(this).val($(this).attr('defaultvalue'));
			
		}
		if ($(this).val() == '' || $(this).val() == $(this).attr('defaultvalue')){
			$(this).addClass('input_blur');
		}
	}).focus(function () {
		$(this).removeClass('inputerror');
		$(this).removeClass('input_blur');
		if ($(this).val() == $(this).attr('defaultvalue')) {
			$(this).val('');
		}
	}).blur(function () {
		
		if ($(this).val() == '') {
			$(this).val($(this).attr('defaultvalue'));
			$(this).addClass('input_blur');
		}
	});
	$('#contact_form').submit(function () {
		$('#submit_error').remove();
		var errors = 0;
		$(this).find('textarea, input').each(function () {
			if ($(this).val() == $(this).attr('defaultvalue')) {
				if ($(this).attr('name') != 'comment_post_ID') {
					$(this).val('');
				}
			}
			if ($(this).hasClass('required') && $(this).val() == '') {
				$(this).addClass('inputerror');
				errors++;
			}			
		});
		$(this).find('select').each(function () {
			if ($(this).val() == '') {
				$(this).addClass('inputerror');
				errors++;
			}			
		});

		if (errors > 0) {
			$(this).find('textarea, input').each(function () {
				if ($(this).val() == '') {
					$(this).val($(this).attr('defaultvalue'));
				}
			});
			$(this).append('<div id="submit_error">** Please complete ALL required fields.</div>');
			return false;
		}
		
		/*
		process for below
		return true;
		*/
		var fname = $("input#fname").val();
		var femail = $("input#femail").val();
		var faddress = $("input#faddress").val();
		var fcity = $("input#fcity").val();
		var ftype = $("select#ftype").val();
		var fcomment = $("textarea#fcomment").val();
		
		
		var dataString = 'fname='+ fname + '&femail=' + femail + '&faddress=' + faddress + '&fcity=' + fcity + '&ftype=' + ftype + '&fcomment=' + fcomment;
		//alert (dataString);return false;
		
		
		$.ajax({
		type: "POST",
		url: "bin/process.php",
		data: dataString,
			success: function() {
			$('#contact_form_wrapper').html("<div id='message'></div>");
			$('#message').html("<h3>Your Comment was Successfully Submitted!</h3>")
			.append("<p>We will be in touch soon.</p><img id='checkmark' src='gfx/check.png' />")
			.hide()
				.fadeIn(1500, function() {
				  $('#message').append("");
				});
			},
			error: function(){
			$('#contact_form_wrapper').html("<div id='message'></div>");
			$('#message').html("<h3>There was an Error Processing your Comment!</h3>")
			.append("<p>Please Try Again.<br><a href=\"#\">return to form</a></p>")
			.hide()
				.fadeIn(1500, function() {
				  $('#message').append("");
				});
				
			}
		});
		
		return false;
		
		
		
	});
});