// highlighten van bepaalde secties in een form

$(document).ready(function()
{
	$('.formulier input, .formulier textarea, .formulier select').focus(function(){
		if(!$(this).parents(".formulier").hasClass('highlight')){
			$(this).parents('.formulier').addClass("highlight");
		}
	}).blur(function(){
		if($(this).parents(".formulier").hasClass('highlight')){	
			$(this).parents('.formulier').removeClass("highlight");
		}
	});
	$('.formulier').click(function(){
		
		if(!$(this).parents(".formulier").hasClass('highlight')){
			$('.formulier').removeClass("highlight");
			$(this).addClass("highlight");
		}
	})

// automatische opmaak voor initialen

	$('form[name=jegegevens] input[name=voorletters]').keyup(function(e) {
		var key = e.keyCode;
		if(key && key != 8) {
			var thisVal = $(this).val();
				thisVal = thisVal.split(' ').join('').split('.').join('');
			if(thisVal) {
				var result = '';
				for(var i=0;i<thisVal.length;i++) {
					result += thisVal.substring(i,(i+1)) + '.';
				}
				$('form[name=jegegevens] input[name=voorletters]').val(result);
			}
		}
	});

// enkel toestaan van cijfers in bepaalde velden

	$(".nummers").keydown(function(event) {
		var keyCode = event.keyCode;
		// Allow only backspace and delete
		if ( keyCode == 46 || keyCode == 8 || keyCode == 9 || keyCode >= 37 && keyCode <= 40 || keyCode >= 96 && keyCode <= 105 ) {
			// let it happen, don't do anything
		}
		else {
			// Ensure that it is a number and stop the keypress
			if (keyCode < 48 || keyCode > 58 && keyCode < 96 || keyCode > 105 ) {
				event.preventDefault(); 
			}   
		}
	});

// suggestie voor gebruikersnaam/emailadres

	// propose username by combining first- and lastname
	$("#gebruikersnaam").focus(function() {
		var voornaam = $("#voornaam").val();
		var tussenvoegsel = $("#tussenvoegsel").val();
		var achternaam = $("#achternaam").val();
		if(voornaam && achternaam && !this.value) {
			this.value = voornaam + tussenvoegsel + achternaam;
		}
	}); 

// suggestie voor betalingsgegevens (mobiel)

	// propose username by combining first- and lastname
	$("#naam-betaling").focus(function() {
		var achternaam = $("#achternaam").val();
		if(achternaam && !this.value) {
			this.value = achternaam;
		}
	}); 

// show/hide zakelijke gegevens (mobiel)

	$('input[name="zakelijk"]').change(function() {
		if ($('input[name="zakelijk"]:checked').val() === "ja"){    
			$('#zakelijkegegevens').show(400);		
		}
		else if ($('input[name="zakelijk"]:checked').val() === "nee"){    
			
			$('#zakelijkegegevens').hide(400);		
		}
	});
	
// show/hide nummberhehoud (mobiel)

	$('input[name="nummerbehoud"]').change(function() {
		if ($('input[name="nummerbehoud"]:checked').val() == "ja"){    
			$('#nummerbehoud-div').show(400);		
		}
		else if ($('input[name="nummerbehoud"]:checked').val() == "nee"){    
			
			$('#nummerbehoud-div').hide(400);		
		}
	});
	
// show/hide blockpremiumsms (mobiel)
	$('input[name="blockpremiumsms"]').change(function() {
		if ($('input[name="blockpremiumsms"]:checked').val() == "ja"){
			$('#blocksms-div').show(400);
		}
		else if ($('input[name="blockpremiumsms"]:checked').val() == "nee"){
			$('#blocksms-div').hide(400);
		}
	});	

	// niet toestaan van spaties in bepaalde velden
	
	$(".geenspatie").keydown(function(event) {
		var keyCode = event.keyCode;
		// Check of het geen spatie is
		if ( keyCode !== 32 ) {
			// let it happen, don't do anything
		}
		else {
			// Als het wel een spatie is
			event.preventDefault(); 
		}
	});

});