var submit = jQuery("#feedback-submit");
var form = jQuery("#feedback-form");
var subject = jQuery("#feedback-subject");
var comments = jQuery("#feedback-comments");
var email = jQuery("#feedback-email");
var name = jQuery("#feedback-name");

submit.click(function(){
	validateSubject();
	validateComments();
	if(email.val().length)
	{
		validateEmail();
	}
	if(!validateSubject() || !validateComments() || (email.val().length && !validateEmail()))
	{
		if(jQuery(".formerror").length)
		{
			return false;
		}
		else
		{
			jQuery("<span class=formerror>Please fill in the necessary fields</span>").insertBefore(jQuery("#feedback-form"));
			return false;
		}
	}
	var encodedComments = encodeURIComponent(comments.val());
	var dataString = 'name=' + jQuery("#feedback-name").val() + '&email=' + email.val() + '&subject=' + subject.val() + '&comments=' + encodedComments;
	jQuery("span .formerror").remove();
	jQuery(form.fadeOut('500'));
	jQuery("#loading").show();
	jQuery.ajax({
		type: "POST",
		url:"/wp-content/themes/obscure/library/scripts/process.php",
		data:dataString,
		cache: false,
		success: function(response)
		{
			if(jQuery("#FormSuccess").length) return false;
			else jQuery("<div id=FormSuccess>Thank you for providing us feedback</div>").appendTo(jQuery("#box"));
		},
		error: function(xhr, ajaxOptions, thrownError)
		{
			alert(xhr.responseText);
			alert(thrownError);
		}
	});
	return false;
});
function validateSubject()
{
	if(subject.val()=="")
	{
		jQuery("label[for=subject] span.emptyfield").css('display', 'block');
		return false;
	}
	else 
	{
		jQuery("label[for=subject] span.emptyfield").css('display', 'none');
		return true;
	}
}
function validateComments()
{
	if(comments.val().length < 10)
	{
		jQuery("label[for=comments] span.emptyfield").css('display', 'block');
		return false;
	}
	else 
	{
		jQuery("label[for=comments] span.emptyfield").css('display', 'none');
		return true;
	}
}
function validateEmail()
{
	var e = jQuery("#feedback-email").val();
	var regex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if(regex.test(e))
	{
		jQuery("label[for=email]").css('color', '#4A69AD');
		return true;
	}
	else
	{
		jQuery("label[for=email]").css('color', '#EF0020');
		return false;
	}
}