$.metadata.setType("attr", "validate"); 

$(document).ready(function() { 	
		
	$("#registrationForm").validate({
		rules : { 
						email : 	{
		              		 		 required: true,
						                email: true,
						                remote: {
															url: "/checkemail.php?email=" + $("#email").val(),
															type: "GET"
														}
		               				}
		      },
		messages : {
			email : "is niet geldig of wordt reeds gebruikt"
		}
		
	});
	
	$.validator.messages.required = "verplicht";
	$.validator.messages.email = "vul een correct e-mailadres in";
});


$(document).ready(function() { 	

	$('.vakblad input[type=text]').keyup(function(){
			checkInput(this);
	});
	
	function checkInput(el) {
		var vbID = el.id.split('vakblad')[1];
		var nextID = (parseInt(vbID) + 1);

		if(el.value.length > 0) {
			if(!$(el).hasClass('hasNext')) {
				$(el).addClass('hasNext');
				
				$('.vakblad').append($("#vakblad1").clone(true).attr("id","vakblad"+nextID).attr("value", "").removeClass('hasNext').insertAfter($(el)));
				$('.vakblad').append($("#vakblad1select").clone(true).attr("id","vakblad"+nextID+"select").insertAfter($(el))); 
				
				$('.vakblad input[type=text]').keyup(function(){
						checkInput(this);
				});
			}
		} else {
			
			if($(el).hasClass('hasNext')) 
			{ 
				$(el).removeClass('hasNext'); 
			}
			$("#vakblad"+nextID).remove();
			$("#vakblad"+nextID+"select").remove();
			renameFields();
		}
	}

	function renameFields() {
		var id = 1;
		$('.vakblad input[type=text]').each(function(){
			
			$(this).attr("id", "vakblad"+id);
		/*	$(this).attr("name", "vakblad"+id);*/
						
			id = (parseInt(id)+1);	
		});
		
		var id = 1
		$('.vakblad select').each(function(){
						
			$(this).attr("id", "vakblad"+id+"select");
		/*	$(this).attr("name", "vakblad"+id+"select");*/
			
			id = (parseInt(id)+1);	
		});
	}
});