$().ready(function() {
	// validate the comment form when it is submitted
	$("#commentForm").validate();
	
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			address: "required",
			zip: "required",
			youtubename: "required",
			city: "required",
			country: "required",
			phone: "required",
			youtubelink: "required",
			agecheck: "required",
			rulesagree: "required",
			month: "required",
			day: "required",
			year: "required",
			organisatie: {
				required: true,
				minlength: 1
			},
			email: {
				required: true,
				email: true
			},
			topic: {
				required: "#newsletter:checked",
				minlength: 2
			},
			agree: "required"
		},
		messages: {
			voorletters: "Vul aub uw voorletters in.",
			achternaam: "Vul aub uw achternaam in.",
			functie: "Vul aub uw functie in.",
			straat: "Vul aub uw straat in.",
			nummer: "Vul aub uw straatnummer in.",
			postcode: "Vul aub uw postcode in.",
			plaats: "Vul aub uw plaats in.",
			telefoon: "Vul aub uw telefoonnummer in.",
			extrainfoworkshop: "Beschrijf uw workshop aub",
			organisatie: {
				required: "Vul aub uw organisatie naam in.",
				minlength: "Uw invoer dient minimaal 1 karakter te bevatten."
			},
			email: "This field is required.",
			agree: "Please accept our policy"
		}
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});
	
	// check if confirm password is still valid after password changed
	$("#password").blur(function() {
		$("#confirm_password").valid();
	});
	
	//code to hide topic selection, disable for demo
	var factuuradres = $("#factuuradres");
	// newsletter topics are optional, hide at first
	var inital = factuuradres.is(":checked");
	var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
	var topicInputs = topics.find("input").attr("disabled", !inital);
	// show when newsletter is checked
	newsletter.click(function() {
		topics[this.checked ? "removeClass" : "addClass"]("gray");
		topicInputs.attr("disabled", !this.checked);
	});
});