// De functie validField controleert of een bepaald veld correct is ingevuld
function validField(field) {
		// Wanneer het veld leeg is, maak dit dan visueel
		if (field.value == "") {
				// Geef bijvoorbeeld een andere randkleur aan het element.
				//  Andere opties zijn een andere tektkleur, teksten bold maken etc.
				$(field).addClass("invalid");
				return false;
		} else {
				// Wanneer het veld wel correct is ingevuld, zet dan de standaard stijlen weer terug
				$(field).removeClass("invalid");
				return true;
		}
}

$(function() {
	var myForm = document.getElementById("twPersoonsgegevens");
	if (myForm) {
		myForm.onsubmit = function() { 
			return checkPersoonsgegevens(new Array("voorletters", "achternaam")); 
		};
	}
	$("#twPersoonsgegevens").unbind().submit(function(e) {
		return checkPersoonsgegevens(new Array("voorletters", "achternaam"));
	});
});

// Controleer of een Actual-form volledig is ingevuld
function checkCustomForm(arrFields) {
	var bValid = true;
	
	// Roep per verplicht veld de functie 'validField' aan. Wanneer een formulier niet correct is ingevuld, zet dan 
	//  bValid op false
	$.each(arrFields, function(index, value) {
		if (!validField(document.getElementById(value)))	{ bValid = false; }
	});

	// Als alle verplichte velden correct zijn ingevuld, geef dan als resultaat 'true' terug
	if (bValid) {
			return true;
	} else {
			// Wanneer niet alle velden correct zijn ingevuld, laat dan middels een jQuery-plugin (jAlert) een melding zien
			//  (melding + titel)
			jAlert("Je hebt niet alle velden correct ingevuld", "Contact");
			// En geef als resultaat 'false' terug. Hierdoor zal het formulier niet worden verstuurd
			return false;
	}
}


// Controleer of een Actual-form volledig is ingevuld
function checkPersoonsgegevens(arrFields) {
	var bValid = true;
	
	// Roep per verplicht veld de functie 'validField' aan. Wanneer een formulier niet correct is ingevuld, zet dan 
	//  bValid op false
	$.each(arrFields, function(index, value) {
		if (!validField(document.getElementById(value)))	{ bValid = false; }
	});

	// Als alle verplichte velden correct zijn ingevuld, geef dan als resultaat 'true' terug
	if (bValid) {
			return true;
	} else {
			// Wanneer niet alle velden correct zijn ingevuld, laat dan middels een jQuery-plugin (jAlert) een melding zien
			//  (melding + titel)
			jAlert("Je hebt niet alle velden correct ingevuld", "Contact");
			// En geef als resultaat 'false' terug. Hierdoor zal het formulier niet worden verstuurd
			return false;
	}
}

$.alerts.overlayOpacity = 0.8;
$.alerts.overlayColor = "#000000";