$(document).ready(function() {	

	$("#geslacht").focus();
	$("#inlognaam").focus();
	
	$(".mymix").click(function() {
		$('.mymix_info').hide();
		$(this).parent().find('.mymix_info').slideDown(300);
	});
	
	
	$(".registratieerror").hide();
	$(".registratieerror").fadeIn(300, function(){
		$(".registratieerror").fadeOut(300, function(){
			$(".registratieerror").fadeIn(300, function(){
				$(".registratieerror").fadeOut(300, function(){
					$(".registratieerror").fadeIn(300);
				});
			});
		});
	});
	
	$("#inlogerrorblok").hide();
	$("#inlogerrorblok").fadeIn(300, function(){
		$("#inlogerrorblok").fadeOut(300, function(){
			$("#inlogerrorblok").fadeIn(300, function(){
				$("#inlogerrorblok").fadeOut(300, function(){
					$("#inlogerrorblok").fadeIn(300);
				});
			});
		});
	});
	
	window.setTimeout(function() {
		$("#profielopgeslagenblok").fadeOut(800);
	}, 3000);
	
	
	$("#formregistratie").each( function(){

		$(this).validate({
			rules: {
				geslacht: {
					required: true
				},
				voornaam: {
					required: true,
					minlength: 2
				},
				achternaam: {
					required: true,
					minlength: 2
				},
				emailadres: {
					required: true,
					email: true
				},
				gebruikersnaam: {
					required: true,
					minlength: 4,
					maxlength: 20
				},
				ww1: {
					required: true,
					minlength: 5,
					maxlength: 15
				},
				ww2: {
					required: true,
					minlength: 5,
					maxlength: 15,
					equalTo: "#ww1"
				},
				straat: {
					required: true,
					minlength: 3,
					maxlength: 50
				},
				huisnummer: {
					required: true,
					minlength: 1,
					maxlength: 5
				},
				postcode: {
					required: true,
					minlength: 4,
					maxlength: 8
				},
				woonplaats: {
					required: true,
					minlength: 3,
					maxlength: 50
				},
				land:  {
					required: true
				}
			},
			messages: {
				geslacht:  {
					required: "Kies een aanhef."
				},
				voornaam:  {
					required: "Vul je naam in.",
					minlength: "Deze naam is te kort."
				},
				achternaam:  {
					required: "Vul je achternaam in.",
					minlength: "Deze naam is te kort."
				},
				emailadres:  {
					required: "Vul je e-mailadres in.",
					email: "Dit e-mailadres is onjuist."
				},
				gebruikersnaam: {
					required: "Kies een gebruikersnaam.",
					minlength: "De gebruikersnaam moet bestaan uit minimaal 4 tekens.",
					maxlength: "De gebruikersnaam mag bestaan uit maximaal 20 tekens."
				},
				ww1:  {
					required: "Vul een geldig wachtwoord in.",
					minlength: "Het wachtwoord moet bestaan uit minimaal 5 tekens.",
					maxlength: "Het wachtwoord mag bestaan uit maximaal 15 tekens."
				},
				ww2:  {
					required: "Vul een geldig wachtwoord in.",
					minlength: "Het wachtwoord moet bestaan uit minimaal 5 tekens.",
					maxlength: "Het wachtwoord mag bestaan uit maximaal 15 tekens.",
					equalTo: "Het wachtwoord dat je bevestigt moet gelijk zijn aan het eerder ingevulde wachtwoord."
				},
				straat:  {
					required: "Vul je straat in.",
					minlength: "Je straat moet bestaan uit minimaal 3 tekens.",
					maxlength: "Je straat mag bestaan uit maximaal 50 tekens."
				},
				huisnummer:  {
					required: "Vul je huisnummer in.",
					minlength: "Je huisnummer moet bestaan uit minimaal 1 teken.",
					maxlength: "Je huisnummer mag bestaan uit maximaal 5 tekens."
				},
				postcode:  {
					required: "Vul je postcode in, zonder spaties (bijv. 1234AB).",
					minlength: "Je postcode heeft te weinig tekens.",
					maxlength: "Je postcode heeft te veel tekens."
				},
				woonplaats:  {
					required: "Vul je woonplaats in.",
					minlength: "Je woonplaats moet bestaan uit minimaal 3 tekens.",
					maxlength: "Je woonplaats mag bestaan uit maximaal 50 tekens."
				},
				land:  {
					required: "Kies een land."
				}
			},
			errorPlacement: function(error, element) {
				element.parent().next().next().html(error);
			}
		});
	});
	
	$("#forminloggen").each( function(){

		$(this).validate({
			rules: {
				inlognaam: {
					required: true,
					minlength: 4,
					maxlength: 20
				},
				ww3: {
					required: true,
					minlength: 5,
					maxlength: 15
				}
			},
			messages: {
				inlognaam: {
					required: "Vul je gebruikersnaam in.",
					minlength: "De gebruikersnaam moet bestaan uit minimaal 4 tekens.",
					maxlength: "De gebruikersnaam mag bestaan uit maximaal 20 tekens."
				},
				ww3:  {
					required: "Vul een geldig wachtwoord in.",
					minlength: "Het wachtwoord moet bestaan uit minimaal 5 tekens.",
					maxlength: "Het wachtwoord mag bestaan uit maximaal 15 tekens."
				}
			},
			errorPlacement: function(error, element) {
				element.parent().next().next().html(error);
			}
		});
	});
	
	$("#formwachtwoordvergeten").each( function(){

		$(this).validate({
			rules: {
				vergeten_emailadres: {
					required: true,
					minlength: 6,
					maxlength: 60, 
					email: true
				}
			},
			messages: {
				vergeten_emailadres: {
					required: "Vul je e-mailadres in.",
					minlength: "Het e-mailadre moet bestaan uit minimaal 6 tekens.",
					maxlength: "Het e-mailadre mag bestaan uit maximaal 60 tekens.",
					email: "Het e-mailadres klopt niet."
				}
			},
			errorPlacement: function(error, element) {
				element.parent().next().next().html(error);
			}
		});
	});
	
	$("#formprofiel").each( function(){

		$(this).validate({
			rules: {
				voornaam: {
					required: true,
					minlength: 2
				},
				achternaam: {
					required: true,
					minlength: 2
				},
				emailadres: {
					required: true,
					email: true
				},
				ww4: {
					required: false,
					minlength: 5,
					maxlength: 15
				},
				ww5: {
					required: false,
					minlength: 5,
					maxlength: 15,
					equalTo: "#ww4"
				},
				straat: {
					required: true,
					minlength: 3,
					maxlength: 50
				},
				postcode: {
					required: true,
					minlength: 4,
					maxlength: 8
				},
				woonplaats: {
					required: true,
					minlength: 3,
					maxlength: 50
				},
				land:  {
					required: true
				},
				ww6:  {
					required: true
				}
			},
			messages: {
				voornaam:  {
					required: "Vul je naam in.",
					minlength: "Deze naam is te kort."
				},
				achternaam:  {
					required: "Vul je achternaam in.",
					minlength: "Deze naam is te kort."
				},
				emailadres:  {
					required: "Vul je e-mailadres in.",
					email: "Dit e-mailadres is onjuist."
				},
				ww4:  {
					required: "Vul een geldig wachtwoord in.",
					minlength: "Het wachtwoord moet bestaan uit minimaal 5 tekens.",
					maxlength: "Het wachtwoord mag bestaan uit maximaal 15 tekens."
				},
				ww5:  {
					required: "Vul een geldig wachtwoord in.",
					minlength: "Het wachtwoord moet bestaan uit minimaal 5 tekens.",
					maxlength: "Het wachtwoord mag bestaan uit maximaal 15 tekens.",
					equalTo: "Het wachtwoord dat je bevestigt moet gelijk zijn aan het eerder ingevulde wachtwoord."
				},
				straat:  {
					required: "Vul je straat en huisnummer in.",
					minlength: "Je straat moet bestaan uit minimaal 3 tekens.",
					maxlength: "Je straat mag bestaan uit maximaal 50 tekens."
				},
				postcode:  {
					required: "Vul je postcode in, zonder spaties (bijv. 1234AB).",
					minlength: "Je postcode heeft te weinig tekens.",
					maxlength: "Je postcode heeft te veel tekens."
				},
				woonplaats:  {
					required: "Vul je woonplaats in.",
					minlength: "Je woonplaats moet bestaan uit minimaal 3 tekens.",
					maxlength: "Je woonplaats mag bestaan uit maximaal 50 tekens."
				},
				land:  {
					required: "Kies een land."
				},
				ww6:  {
					required: "Vul een geldig wachtwoord in."
				}
			},
			errorPlacement: function(error, element) {
				element.parent().next().next().html(error);
			}
		});
	});
	
	
	// MASKING
	//$("#postcode").mask("9999aa",{placeholder:" "});
	// wachtwoordcheck
	$(function() {
		$('#ww1').pstrength();
	});

	
	$("#ww1").val("");
	$("#ww4").val("");
	$("#ww5").val("");
	
	
});