$(function() {
	$(".sendButton").click(function() {
		var formRef = $(this).parents("form");
		var emailRef = formRef.find("input[name='E-mailadres']");

		if(emailRef.length > 0) {
			$.post("/validate-email.php", { email: emailRef.val() },
				function(data) {
					if (data.succes) {
						emailRef.removeClass("errorMessageField");
						emailRef.parent().find('.boxErrorMessage:first').css({display:'none'});
						return validateForm(formRef, true);
					} else {
						emailRef.addClass("errorMessageField");
						emailRef.parent().find('.boxErrorMessage:first').css({display:'block'});					
						return validateForm(formRef, false);
					}
				}, "json");
			return false;	
		}
		else {
			return validateForm(formRef, true);
		}
	});
});

function validateForm(formRef, status) {
	formRef.find(".validate").each(function(i) {
		
		if ($(this).attr("type") == "checkbox")
		{
			
			if($(this).is(':checked'))
			{
			    // next
			}
			else {
				status = false;	
			}
			
		}
		else
		{
			if ($(this).attr("name") != "E-mailadres") {
				if ($(this).val() != "") {
					if ($(this).attr("name") == "Vraag") {
						$(".vraag").css({display : "none"});
					} else if ($(this).attr("name") == "Bericht") {
						$(".bericht").css({display : "none"});
					} else {
						$(this).removeClass("errorMessageField");
						$(this).parent().find('.boxErrorMessage:first').css({display:'none'});
					}
				} else {
					status = false;
					if ($(this).attr("name") == "Vraag") {
						$(".vraag").css({display : "block"});
					} else if ($(this).attr("name") == "Bericht") {
						$(".bericht").css({display : "block"});
					} else {
						$(this).addClass("errorMessageField");
						$(this).parent().find('.boxErrorMessage:first').css({display:'block'});
					}
				}
			}
		}
	});
	if (status) {
		$(".validateForm").submit();
	} else {
		$(".errorMessageText").css({display : "block"});	
	}
}