$(document).ready(function(){
	
	 $("#bezit,#upgrade").change(function () {
	if(($(".bezit option:selected").attr('value')=='wp3start') & ($(".upgrade option:selected").attr('value')=='wp4starter')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Starter naar Wings Platinum 4 Starter <br /><span class=wpprijs>&euro; 100,00</span>"); 
	var value = 100;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3start') & ($(".upgrade option:selected").attr('value')=='wp4advanced')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Starter naar Wings Platinum 4 Advanced <br /><span class=wpprijs>&euro; 400,00</span>"); 
	var value = 400;
	$("#wpprijs").attr("value", value);
 
    }
	else if(($(".bezit option:selected").attr('value')=='wp3start') & ($(".upgrade option:selected").attr('value')=='wp4pro')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Starter naar Wings Platinum 4 Pro <br /><span class=wpprijs>&euro; 761,00</span>"); 
	var value = 761;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3start') & ($(".upgrade option:selected").attr('value')=='wp4multidisplay')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Starter naar Wings Platinum 4 Multidisplay <br /><span class=wpprijs>&euro;1449,00</span>"); 
	var value = 1449;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3advanced') & ($(".upgrade option:selected").attr('value')=='wp4advanced')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Advanced naar Wings Platinum 4 Advanced <br /><span class=wpprijs>&euro; 200,00</span>"); 
	var value = 200;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3advanced') & ($(".upgrade option:selected").attr('value')=='wp4pro')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Advanced naar Wings Platinum 4 Pro <br /><span class=wpprijs>&euro; 561,00</span>"); 
	var value = 561;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3advanced') & ($(".upgrade option:selected").attr('value')=='wp4multidisplay')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Advanced naar Wings Platinum 4 Multidisplay <br /><span class=wpprijs>&euro; 1249,00</span>"); 
	var value = 1249;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3pro') & ($(".upgrade option:selected").attr('value')=='wp4pro')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Pro naar Wings Platinum 4 Pro <br /><span class=wpprijs>&euro; 320,00</span>"); 
	var value = 320;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3pro') & ($(".upgrade option:selected").attr('value')=='wp4multidisplay')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Pro naar Wings Platinum 4 Multidisplay <br /><span class=wpprijs>&euro; 1008,00</span>"); 
	var value = 1008;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp3multidisplay') & ($(".upgrade option:selected").attr('value')=='wp4multidisplay')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 3 Multidisplay naar Wings Platinum 4 Multidisplay <br /><span class=wpprijs>&euro; 549,00</span>"); 
	var value = 549;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp1of2') & ($(".upgrade option:selected").attr('value')=='wp4starter')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 1 of 2 naar Wings Platinum 4 Starter <br /><span class=wpprijs>&euro; 200,00</span>"); 
	var value = 200;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp1of2') & ($(".upgrade option:selected").attr('value')=='wp4advanced')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 1 of 2 naar Wings Platinum 4 Advanced <br /><span class=wpprijs>&euro; 400,00</span>"); 
	var value = 400;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp1of2') & ($(".upgrade option:selected").attr('value')=='wp4pro')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 1 of 2 naar Wings Platinum 4 Pro <br /><span class=wpprijs>&euro; 640,00</span>"); 
	var value = 640;
	$("#wpprijs").attr("value", value);
    }
	else if(($(".bezit option:selected").attr('value')=='wp1of2') & ($(".upgrade option:selected").attr('value')=='wp4multidisplay')){ //do this
	$(".prijzen").addClass("visible");
	$("div.kosten2").html("Upgrade Wings Platinum 1 of 2 naar Wings Platinum 4 Multidisplay <br /><span class=wpprijs>&euro; 1098,00</span>"); 
	var value = 1098;
	$("#wpprijs").attr("value", value);
    }
	else {
	//	$(".prijzen").addClass("visible");

		//$("div.kosten2").html("U heeft geen logische upgrade gekozen");
		}
									  
  	});
	 
	 function laatstecheck() {
	if ( ($("#voorlettersInfo").text() < 3 ) & ($("#nameInfo").text() < 3 ) & ($("#straatInfo").text() < 3 ) & ($("#postcodeInfo").text() < 3 ) & ($("#woonplaatsInfo").text() < 3 ) & ($("#emailInfo").text() < 3 ) & ($("#telefoonInfo").text() < 3 ) & ($("#dongleInfo").text() < 3 ) & ($("#bezitInfo").text() < 3 ) & ($("#upgradeInfo").text() < 3 ))   {
		$(".foutmeldingen").removeClass("visible");
	//do something
	}
	else {}
	 }
 
	 
	//verstuurmogelijkheid
	$("input[@value='1stuuropnu']").click(function(){
	$(".prijzen").addClass("visible");
	$("#handboek2").removeClass("handboek");
	$("#handboek2").addClass("visible");
	$("#handboek2").html("De verzendkosten van het handboek en de DVD bedragen <span class='wpprijs'>&euro; 5,00</span>."); 
	var value = 5;
	$("#handboek").attr("value", value);
	});
	
	$("input[@value='2afhalennu']").click(function(){
	$("#handboek2").removeClass("visible");
	$("#handboek2").addClass("handboek");
	var value = 0;
	$("#handboek").attr("value", value);
	});
	
	
	$("input[@value='3stuuropnasgg']").click(function(){
	$(".prijzen").addClass("visible");
	$("#handboek2").removeClass("handboek");

	$("#handboek2").addClass("visible");
	$("#handboek2").html("De verzendkosten van het handboek en de DVD bedragen <span class='wpprijs'>&euro; 5,00</span>."); 
	var value = 5;
	$("#handboek").attr("value", value);	});
	
	$("input[@value='4ophalennasgg']").click(function(){
													 
	$("#handboek2").removeClass("visible");
		$("#handboek2").addClass("handboek");

	var value = 0;
	$("#handboek").attr("value", value);
	});
	
//	$("#verzending").change(function () {
	//if( ($("input[value=1stuuropnu]").attr('checked')==true) || ($("input[value=4stuuropnasgg]").attr('checked')==true) ){ //do this
	//$(".prijzen").addClass("visible");
	//$("p.handboek").html("De verzendkosten van het handboek en de DVD bedragen <span class='wpprijs'>&euro; 5,00</span>."); 
	//var value = 5;
	//$("#handboek").attr("value", value);
	
    //}

	//else if( ($("input[value=1stuuropnu]").attr('checked')==false) & ($("input[value=4stuuropnasgg]").attr('checked')==false) ){ //do this
	//$("p.handboek").addClass("unvisible");

		//var value = 0;
	//$("#handboek").attr("value", value);
		
	
    //}
	//else {}
										//  });
		 
	//global vars
	var form = $("#customForm");
	var name = $("#name"); 
	var nameInfo = $("#nameInfo");
	var voorletters = $("#voorletters"); 
	var voorlettersInfo = $("#voorlettersInfo");
	var straat = $("#straat"); 
	var straatInfo = $("#straatInfo");
	var postcode = $("#postcode"); 
	var postcodeInfo = $("#postcodeInfo");
	var woonplaats = $("#woonplaats"); 
	var woonplaatsInfo = $("#woonplaatsInfo");
	var telefoon = $("#telefoon"); 
	var telefoonInfo = $("#telefoonInfo");
	var dongle = $("#dongle"); 
	var dongleInfo = $("#dongleInfo");
	var bezit = $("#bezit"); 
	var bezitInfo = $("#bezitInfo");
	var upgrade = $("#upgrade"); 
	var upgradeInfo = $("#upgradeInfo");

	var email = $("#email");
	var emailInfo = $("#emailInfo");
	
	//On blur
	voorletters.blur(validateVoorletters);
	name.blur(validateName);
	straat.blur(validateStraat);
	postcode.blur(validatePostcode);
	woonplaats.blur(validateWoonplaats);
	telefoon.blur(validateTelefoon);
	dongle.blur(validateDongle);
	bezit.blur(validateBezit);
	upgrade.blur(validateUpgrade);
	email.blur(validateEmail);
	

	//On key press
	
	
	//On Submitting
	form.submit(function(){
		if(validateEmail() & validateVoorletters() & validateName() & validateStraat() & validatePostcode() & validateWoonplaats() & validateDongle() & validateBezit() & validateUpgrade()   )
		
			
			return true;
		
		else 
		$(".foutmeldingen").addClass("visible");
			return false;
		
	});
	
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#email").val();
		var filter = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.([a-zA-Z]{2,4})$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("");
			emailInfo.removeClass("error");
			emailInfo.addClass("error2");
 			laatstecheck();
			return true;
		}
		//if it's NOT valid
		else{
			 $(".foutmeldingen").addClass("visible");

			email.addClass("error");
			emailInfo.text("- Vul een geldig e-mailadres in");
			emailInfo.addClass("error");
			
			return false;
		}
	}
	function validateVoorletters(){
		//if it's NOT valid
		if(voorletters.val().length < 1){
			voorletters.addClass("error");
			voorlettersInfo.text("- Vul uw voorletters in");
			voorlettersInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			voorletters.removeClass("error");
			voorlettersInfo.text("");
			voorlettersInfo.removeClass("error");
			voorlettersInfo.addClass("error2");
			laatstecheck();

			return true;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 2){
			name.addClass("error");
			nameInfo.text("- Vul uw naam in");
			nameInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			nameInfo.addClass("error2");
			 			laatstecheck();

			return true;
		}
	}
	function validateStraat(){
		//if it's NOT valid
		if(straat.val().length < 2){
			straat.addClass("error");
			straatInfo.text("- Vul uw adres in");
			straatInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			
			return false;
		}
		//if it's valid
		else{
			straat.removeClass("error");
			straatInfo.text("");
			straatInfo.removeClass("error");
			straatInfo.addClass("error2");
			 			laatstecheck();

			return true;
		}
	}
	function validatePostcode(){
		//if it's NOT valid
		if(postcode.val().length < 2){
			postcode.addClass("error");
			postcodeInfo.text("- Vul een geldige postcode in");
			postcodeInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			postcode.removeClass("error");
			postcodeInfo.text("");
			postcodeInfo.removeClass("error");
			postcodeInfo.addClass("error2");
			 			laatstecheck();

			return true;
		}
	}
	function validateWoonplaats(){
		//if it's NOT valid
		if(woonplaats.val().length < 1){
			woonplaats.addClass("error");
			woonplaatsInfo.text("- Vul uw woonplaats in");
			woonplaatsInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			woonplaats.removeClass("error");
			woonplaatsInfo.text("");
			woonplaatsInfo.removeClass("error");
			woonplaatsInfo.addClass("error2");
			 			laatstecheck();

			
			return true;
		}
	}
	//function validateTelefoon(){
		//if it's NOT valid
		//if(telefoon.val().length < 2){
			//telefoon.addClass("error");
			//telefoonInfo.text("- Vul een geldig telefoonnummer in");
			//telefoonInfo.addClass("error");
			//$(".foutmeldingen").addClass("visible");
			//return false;
		//}
		//if it's valid
		//else{
		//	telefoon.removeClass("error");
		//	telefoonInfo.text("");
		//	telefoonInfo.removeClass("error");
		//	telefoonInfo.addClass("error2");
		//	 			laatstecheck();

		//	return true;
		//}
	//}
	function validateDongle(){
		//if it's NOT valid
		if(dongle.val().length < 4){
			dongle.addClass("error");
			dongleInfo.text("- Vul uw donglenummer in (minimaal 5 tekens)");
			dongleInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			dongle.removeClass("error");
			dongleInfo.text("");
			dongleInfo.removeClass("error");
			dongleInfo.addClass("error2");
			 			laatstecheck();

			
			return true;
		}
	}
	function validateBezit(){
		//it's NOT valid
		if(bezit.val().length < 5){
			bezit.addClass("error");
			bezitInfo.text("- Selecteer uw huidige Wings versie");
			bezitInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//it's valid
		else{			
			bezit.removeClass("error");
			bezitInfo.text("");
			bezitInfo.removeClass("error");
			bezitInfo.addClass("error2");
			 			laatstecheck();

			return true;
		}
	}
	function validateUpgrade(){
		//if it's NOT valid
		if(upgrade.val().length < 5){
			upgrade.addClass("error");
			upgradeInfo.text("- Selecteer de versie waar u op over wilt stappen");
			upgradeInfo.addClass("error");
			$(".foutmeldingen").addClass("visible");
			return false;
		}
		//if it's valid
		else{
			upgrade.removeClass("error");
			upgradeInfo.text("");
			upgradeInfo.removeClass("error");
			upgradeInfo.addClass("error2");
			 			laatstecheck();

			return true;
		}
	}
	
});