$(document).ready(function(){

	// submenu items verbergen
	$("ul#sub-menu li ul").hide();
	$("ul#sub-menu li ul:has(li.active)").show();
	$("ul#sub-menu li.active ul").show();
	
	// bij minder dan 3 items, bouwstenen ul wel tonen
	$("ul#sub-menu li ul.show").show();

	
	// bouwsteen menu item heeft uitklapbare sub-items
	$("ul#sub-menu li:has(ul:not(.show))").mouseover(function(){
	
		$(this).find("ul").show();
	
	}).mouseout(function(){
		
		$(this).find("ul").hide();
		$(this).find("ul:has(li.active)").show();
		$("ul#sub-menu li.active ul").show();
		
	});
	

	// links met de class 'disabled' doen niets
	$("a.disabled").click(function(){ return false; });



	/*************************
			INSCHRIJF VALIDATIE
	*************************/
	
	$.validator.setDefaults({
		submitHandler: function() 
		{ 
			$("#contact-form").submit(); 
		}
	});

	// inschrijven stap 1 validatie
	$("#contact-form").validate({
		rules: {
			achternaam: "required",
			voornaam: "required",
			plaats: "required",
			telefoon: {
					required: true,
					minLength: 10
					},
			email: {
					required: true,
					email: true
					},
			personen: "required"
			},
		messages: {
			achternaam: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">U heeft geen achternaam opgegeven.</em>",
			voornaam: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">U heeft geen voornaam opgegeven.</em>",
			plaats: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">U heeft geen plaatsnaam opgegeven.</em>",
			telefoon: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">U heeft geen telefoonnummer opgegeven.</em>",
			email: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">U heeft geen (geldig) emailadres opgegeven.</em>",
			personen: "<em style=\"color:#990000;font-size:95%;padding-left:190px;\">Gelieve dit veld in te vullen.</em>"
			}
	});
	
	
});