$(document).ready(function(){
	$(".succesContact").hide();
	$(".succesContact .close, .succesContact").click(function () {
		$(".succesContact .inner").fadeOut(200, function() { $(".succesContact").fadeOut(400); });
	});
	$("#contactSubmit").click(function () {
		var ck_email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
		var vnaam = $("input#vnaam").val();
		var anaam = $("input#anaam").val();
		var bedrijf = $("input#bedrijf").val();
		var email = $("input#email").val();
		var mob = $("input#mob").val();
		var web = $("input#web").val();
		var bericht = $("textarea#bericht").val();
		var nieuws = $("input#nieuws:checked").val();
		
		var errors = [];
	
		if (vnaam == "Voornaam" || vnaam == "") {
			errors[errors.length] = "Er is geen voornaam ingevoerd";
			$("input#vnaam").removeClass('text'); 
			$("input#vnaam").addClass('texterror');
		}else{
			$("input#vnaam").removeClass('texterror'); 
			$("input#vnaam").addClass('text');
		}
		if (anaam == "Achternaam" || anaam == "") {
			errors[errors.length] = "Er is geen achternaam ingevoerd";
			$("input#anaam").removeClass('text');
			$("input#anaam").addClass('texterror');
		}else{
			$("input#anaam").removeClass('texterror'); 
			$("input#anaam").addClass('text');
		}
		if (bedrijf == "Bedrijfsnaam" || bedrijf == "") {
			errors[errors.length] = "Er is geen bedrijfsnaam ingevoerd";
			$("input#bedrijf").removeClass('text');
			$("input#bedrijf").addClass('texterror');
		}else{
			$("input#bedrijf").removeClass('texterror'); 
			$("input#bedrijf").addClass('text');
		}
		if (email == "E-mailadres" || !ck_email.test(email)) {
			errors[errors.length] = "Er is geen geldig emailadres ingevoerd";
			$("input#email").removeClass('text'); 
			$("input#email").addClass('texterror');
		}else{
			$("input#email").removeClass('texterror'); 
			$("input#email").addClass('text');
		}
		if (mob == "06 000 000 00" || mob == "") {
		errors[errors.length] = "Er is geen mobiel nummer ingevoerd";
			$("input#mob").removeClass('text');
			$("input#mob").addClass('texterror');
		}else{
			$("input#mob").removeClass('texterror'); 
			$("input#mob").addClass('text');
		}
	if (!web == "Website"){
		if (web == "Website" || web == "") {
			errors[errors.length] = "Er is geen website ingevoerd";
			$("input#web").removeClass('text');
			$("input#web").addClass('texterror');
		}else{
			$("input#web").removeClass('texterror'); 
			$("input#web").addClass('text');
		}
	}	
		if (bericht == "Bericht" || bericht == "") {
			errors[errors.length] = "Er is geen bericht ingevoerd";
			$("input#bericht").removeClass('text');
			$("input#bericht").addClass('texterror');
		}else{
			$("input#bericht").removeClass('texterror'); 
			$("input#bericht").addClass('text');
		}
		if (errors.length > 0) {
		reportErrors(errors);
		return false;
		}
			//if no errors submit form with ajax
			$(".blockContactform").html('<p style="float: left;"><img src="'+directory+'/img/ajax-loader-white.gif"></p>');
			$.ajax({
				type: "POST",
				data: "vnaam="+vnaam+"&"+"anaam="+anaam+"&bedrijf="+bedrijf+"&email="+email+"&mob="+mob+"&web="+web+"&bericht="+bericht+"&nieuws="+nieuws,
				url: directory+"/inc/contactform.php",
				success: function(msg){					
					$(".blockContactform").html('<p style="float: left;"><a href="">Klik hier om terug te gaan naar het contact formulier</a></p>');
					$(".succesContact").fadeIn(400);
					setTimeout(function(){ $(".succesContact").fadeOut(400) }, 5000);
				}
			});		
		function reportErrors(errors){
		 var msg = "De onderstaande punten zijn niet correct:\n";
		 for (var i = 0; i<errors.length; i++) {
		  var numError = i + 1;
		  msg += "\n" + numError + ". " + errors[i];
		 }
		 alert(msg);
		}
	});
});