jQuery(document).ready(function() {
	


	/* Click handler, wanneer tweede radiobutton (antwoord ja) is aangeklikt, acties uitvoeren */
	jQuery('#formBuilderFieldParkeerplaats .formBuilderInput .formBuilderRadio:nth-child(2) INPUT').click(function() {
		jQuery('#formBuilderFieldKenteken').show();
	});
	jQuery('#formBuilderFieldParkeerplaats .formBuilderInput .formBuilderRadio:nth-child(1) INPUT').click(function() {
		jQuery('#formBuilderFieldKenteken').hide();
	});
	
	/* Dynamische formulier element voor wel of niet reserveren van parkeerplaats */
	var parkeetplaatsIsChecked = jQuery('#formBuilderFieldParkeerplaats .formBuilderInput .formBuilderRadio:nth-child(2) INPUT').is(':checked');
	if(parkeetplaatsIsChecked){
		jQuery('#formBuilderFieldKenteken').show();
	}
	
	/* Formulier initialiseren, 3 formulieren aanmaken voor 3 genodigden*/
	for (i=1;i<=3;i++){
		jQuery('.formBuilderComment').append('<span class="subform-editarea area'+i+'"><div class="elements"><h3>Gegevens van mijn genodigde</h3><div class="genodigde'+i+'"></div></div></span>');

		jQuery('.genodigde'+i).append(jQuery('#formBuilderFieldGenodigde'+i));
		jQuery('.genodigde'+i).append(jQuery('#formBuilderFieldGenodigdeBedrijf'+i));
		jQuery('.genodigde'+i).append(jQuery('#formBuilderFieldGenodigdeEmail'+i));
		jQuery('.area'+i).hide(); 	  
 	}
  
  	/* Op basis van aantal genodigden, formulieren zichtbaar maken */
  	for (i=1;i<=jQuery('#formBuilderFieldGenodigden INPUT').val()*1;i++){
		 jQuery('.area'+i).show();  
	}
	
	if (jQuery('#formBuilderFieldGenodigden INPUT').val()*1 > 0) 
	jQuery('.genodigdeverwijderen').append('<a href="#">- Laatste genodigde verwijderen</a>');
	
	jQuery('.genodigdelink').click(function() {
		if(jQuery('#formBuilderFieldGenodigden INPUT').val()*1 < 3) {
			var numGenodigden;
			if(jQuery('#formBuilderFieldGenodigden INPUT').val() == "") {
				numGenodigden = 0;
			} else {
				numGenodigden = jQuery('#formBuilderFieldGenodigden INPUT').val();
			}
			numGenodigden = numGenodigden*1 + 1;
			jQuery('#formBuilderFieldGenodigden INPUT').val(numGenodigden);
		  
			for (i=1;i<=numGenodigden;i++){
				jQuery('.area'+i).show();  
			}
			
			if (numGenodigden == 1) {
				if (jQuery('.genodigdeverwijderen').find('A').length == 0 ) 
				jQuery('.genodigdeverwijderen').append('<a href="#">- Laatste genodigde verwijderen</a>');
			}
	  	} else {
			if(!document.getElementById('maxBereikt')) { 
		 		jQuery('.formBuilderComment').append('<strong id="maxBereikt">Maximaal 3 genodigden.</strong>');
		  	}
	  	}
  	}); 
	
	jQuery('#inschrijven-reserve').click(function() {
		 document.getElementById('formBuilderReservelijst').submit();
	}); 
	jQuery('#inschrijven').click(function() {
		
		jQuery('.formBuilderError').show();
		
		numGenodigden = jQuery('#formBuilderFieldGenodigden INPUT').val()*1;
	
		var err = 0;
		if (numGenodigden > 0) {
			
			for (i=1;i<=numGenodigden;i++){
				if (jQuery('#formBuilderFieldGenodigde'+i+' INPUT').val() == "") {
					if (jQuery('#formBuilderFieldGenodigde'+i).find('strong').length == 0 ) 
					jQuery('#formBuilderFieldGenodigde'+i).append('<strong class="formBuilderError">Verplicht veld</strong>');				
					err += 1;
					
				} else {					
					jQuery('#formBuilderFieldGenodigde'+i).find('strong').remove();
				}
				if (jQuery('#formBuilderFieldGenodigdeBedrijf'+i+' INPUT').val() == "") {
					if (jQuery('#formBuilderFieldGenodigdeBedrijf'+i).find('strong').length == 0 ) 
					jQuery('#formBuilderFieldGenodigdeBedrijf'+i).append('<strong class="formBuilderError">Verplicht veld</strong>');				
					err += 1;				
				} else {					
					jQuery('#formBuilderFieldGenodigdeBedrijf'+i).find('strong').remove();
				}
				if (jQuery('#formBuilderFieldGenodigdeEmail'+i+' INPUT').val() == "") {
					if (jQuery('#formBuilderFieldGenodigdeEmail'+i).find('strong').length == 0 ) 
					jQuery('#formBuilderFieldGenodigdeEmail'+i).append('<strong class="formBuilderError">Verplicht veld</strong>');				
					err += 1;
				} else {					
					jQuery('#formBuilderFieldGenodigdeEmail'+i).find('strong').remove();
				}
			}
		
			if (err == 0) {
				document.getElementById('formBuilderInschrijving').submit();
			}
		} else {
			
			document.getElementById('formBuilderInschrijving').submit();
			
		}
		
		
   	});
	jQuery('.genodigdeverwijderen').click(function() {
	
		numGenodigden = jQuery('#formBuilderFieldGenodigden INPUT').val()*1;		
		jQuery('.area'+numGenodigden).hide(); 
		
		jQuery('#formBuilderFieldGenodigde'+numGenodigden+' INPUT').val("");
		jQuery('#formBuilderFieldGenodigdeBedrijf'+numGenodigden+' INPUT').val("");
		jQuery('#formBuilderFieldGenodigdeEmail'+numGenodigden+' INPUT').val("");
		
		if (numGenodigden == 1) {
		jQuery('.genodigdeverwijderen A').remove();
		}
		jQuery('#maxBereikt').remove();
		jQuery('#formBuilderFieldGenodigden INPUT').val(numGenodigden-1);
	
	});
	
	if(jQuery('.formBuilderSuccess').length > 0) {
	
		jQuery('.actions').hide();
		jQuery('LEGEND').hide();
	}
	
	if(jQuery('#successMsg').length > 0) {	
		jQuery('.actions').hide();

	}
	
		jQuery('.formBuilderInput').hover(function() {
		 	jQuery(this).next().hide();
			jQuery(this).parent().find('SPAN').hide();
		});
    
});