$(document).ready(function(){

		$('a.viewCaravanRes').bind('click',function()
			{
				$('#contentBox3').css({visibility:'visible'}).DropInUp(300);
			}
		);
		$('#contentBox3').Draggable(
			{	
				handle:		'div.contentHeader',
				ghosting:	true,
				opacity:	0.5,
				fx:			400,
				zIndex:		1
			}
		);
		
		$("#copyleveringsadres").click(function(){
			$("#straat3").attr("value", $("#straat2").val());
			$("#nummer3").attr("value", $("#nummer2").val());
			$("#postcode3").attr("value", $("#postcode2").val());
			$("#gemeente3").attr("value", $("#gemeente2").val());
			$("#contactpersoon3").attr("value", $("#contactpersoon2").val());
			$("#gsmcontactpersoon3").attr("value", $("#gsmcontactpersoon2").val());
		});

		$("#submit").click(function(){
			
			$(".error").hide();
			var hasError = false;
			
			// SECTION 1
			var naam = $("#naam").val();
			if(naam == '') {
				$("#naam").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var voornaam = $("#voornaam").val();
			if(voornaam == '') {
				$("#voornaam").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var organisatie = $("#organisatie").val();
			if(organisatie == '') {
				$("#organisatie").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var straat = $("#straat").val();
			if(straat == '') {
				$("#straat").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var nummer = $("#nummer").val();
			if(nummer == '') {
				$("#nummer").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var postcode = $("#postcode").val();
			if(postcode == '') {
				$("#postcode").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var gemeente = $("#gemeente").val();
			if(gemeente == '') {
				$("#gemeente").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var tel = $("#tel").val();
			if(tel == '') {
				$("#tel").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var mail = $("#mail").val(); // mail
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			if(mail == '') {
				$("#mail").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}else if(!emailReg.test(mail)) {
				$("#mail").after('<span class="error"> Het mailadres is niet correct of heeft niet de juiste vorm</span>');
				hasError = true;
			}
			
			// SECTION 1B
			var naam_evenement = $("#naam_evenement").val();
			if(naam_evenement == '') {
				$("#naam_evenement").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var datum_evenement = $("#datum_evenement").val();
			var datum_evenementReg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
			if(datum_evenement == '') {
				$("#datum_evenement").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}else if(!datum_evenementReg.test(datum_evenement)) {	
				$("#datum_evenement").after('<span class="error"> De datum is niet juist ingevuld</span>');
				hasError = true;
			}
			var datum_evenement12 = $("#datum_evenement12").val();
			if(datum_evenement12 != '') {
				var datum_evenement12Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
				if(!datum_evenement12Reg.test(datum_evenement12)) {	
					$("#datum_evenement12").after('<span class="error"> De datum is niet juist ingevuld</span>');
					hasError = true;
				}
			}
			var datum_evenement13 = $("#datum_evenement13").val();
			if(datum_evenement13 != '') {
				var datum_evenement13Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
				if(!datum_evenement13Reg.test(datum_evenement13)) {	
					$("#datum_evenement13").after('<span class="error"> De datum is niet juist ingevuld</span>');
					hasError = true;
				}
			}
			var datum_evenement14 = $("#datum_evenement14").val();
			if(datum_evenement14 != '') {
				var datum_evenement14Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
				if(!datum_evenement14Reg.test(datum_evenement14)) {	
					$("#datum_evenement14").after('<span class="error"> De datum is niet juist ingevuld</span>');
					hasError = true;
				}
			}
			var datum_evenement15 = $("#datum_evenement15").val();
			if(datum_evenement15 != '') {
				var datum_evenement15Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
				if(!datum_evenement15Reg.test(datum_evenement15)) {	
					$("#datum_evenement15").after('<span class="error"> De datum is niet juist ingevuld</span>');
					hasError = true;
				}
			}
			
			// SECTION 2
			var straat2 = $("#straat2").val();
			if(straat2 == '') {
				$("#straat2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var nummer2 = $("#nummer2").val();
			if(nummer2 == '') {
				$("#nummer2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var postcode2 = $("#postcode2").val();
			if(postcode2 == '') {
				$("#postcode2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var gemeente2 = $("#gemeente2").val();
			if(gemeente2 == '') {
				$("#gemeente2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var contactpersoon2 = $("#contactpersoon2").val();
			if(contactpersoon2 == '') {
				$("#contactpersoon2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var gsmcontactpersoon2 = $("#gsmcontactpersoon2").val();
			if(gsmcontactpersoon2 == '') {
				$("#gsmcontactpersoon2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var datum_evenement2 = $("#datum_evenement2").val();
			var datum_evenement2Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
			if(datum_evenement2 == '') {
				$("#datum_evenement2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}else if(!datum_evenement2Reg.test(datum_evenement2)) {	
				$("#datum_evenement2").after('<span class="error"> De datum is niet juist ingevuld</span>');
				hasError = true;
			}
			var voorna_evenement2 = $("input[@type=radio][@name=voorna_evenement2][@checked]").val();
			if(voorna_evenement2 == null) {
				$("#voorna_evenement2").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			
			// SECTION 3
			var straat3 = $("#straat3").val();
			if(straat3 == '') {
				$("#straat3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var nummer3 = $("#nummer3").val();
			if(nummer3 == '') {
				$("#nummer3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var postcode3 = $("#postcode3").val();
			if(postcode3 == '') {
				$("#postcode3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var gemeente3 = $("#gemeente3").val();
			if(gemeente3 == '') {
				$("#gemeente3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var contactpersoon3 = $("#contactpersoon3").val();
			if(contactpersoon3 == '') {
				$("#contactpersoon3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var gsmcontactpersoon3 = $("#gsmcontactpersoon3").val();
			if(gsmcontactpersoon3 == '') {
				$("#gsmcontactpersoon3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var datum_evenement3 = $("#datum_evenement3").val();
			var datum_evenement3Reg = /^[0-9]{2}([\/])[0-9]{2}([\/])[0-9]{2}$/;
			if(datum_evenement3 == '') {
				$("#datum_evenement3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}else if(!datum_evenement3Reg.test(datum_evenement3)) {	
				$("#datum_evenement3").after('<span class="error"> De datum is niet juist ingevuld</span>');
				hasError = true;
			}
			var voorna_evenement3 = $("input[@type=radio][@name=voorna_evenement3][@checked]").val();
			if(voorna_evenement3 == null) {
				$("#voorna_evenement3").after('<span class="error"> Gelieve dit veld in te vullen</span>');
				hasError = true;
			}
			var opmerkingen3 = $("#opmerkingen3").val();
			
			
			if(hasError == false) {
				$.post("caravan_send.asp",
			   { naam: naam, voornaam: voornaam, organisatie: organisatie, straat: straat, nummer: nummer, postcode: postcode, gemeente: gemeente, tel: tel, mail: mail,
					naam_evenement: naam_evenement, datum_evenement: datum_evenement, datum_evenement12: datum_evenement12, datum_evenement13: datum_evenement13, datum_evenement14: datum_evenement14, datum_evenement15: datum_evenement15, 
					straat2: straat2, nummer2: nummer2, postcode2: postcode2, gemeente2: gemeente2, contactpersoon2: contactpersoon2, gsmcontactpersoon2: gsmcontactpersoon2, datum_evenement2: datum_evenement2, voorna_evenement2: voorna_evenement2, 
					straat3: straat3, nummer3: nummer3, postcode3: postcode3, gemeente3: gemeente3, contactpersoon3: contactpersoon3, gsmcontactpersoon3: gsmcontactpersoon3, datum_evenement3: datum_evenement3, voorna_evenement3: voorna_evenement3, opmerkingen3: opmerkingen3
			   },
				   	function(data){
						$("#cacheCaravan").hide("slow");
						$("#cacheCaravan").before('<p style="padding:10px;">Uw aanvraag is verstuurd. We brengen u zo spoedig mogelijk op de hoogte van het vervolg.</p>');
					}
				);
			}else{
				alert("Opgelet: niet alle velden werden correct ingevuld. Probeert u het nog eens?");
			}	
			return false;
		});
	});