$(document).ready(function(){

/**********************************

		USABILITY ENHANCEMENTS
		
***********************************/

	// ronde corners toevoegen waar het nodig is
	$("#content").append("<div class=\"content-bottom\"></div>");	
	$("#catalogus-intro-block").append("<div class=\"catalogus-intro-block-foot\"></div>");
	
	// wanneer een link de class active heeft meegekregen, wordt de achterliggende functionaliteit gedisabled. Dit geldt niet voor het main-nav
	$("#header, #content, #footer").find("a.active").click(function(){return false;});


	$(".page-numbers ul li a.active").css("background-position", "bottom left");

	// deze handelingen geven de actieve menu items de correcte achtergrond
	$("#header ul li a.active").css("background-position", "bottom left"); // top menu
	$("#order-steps > .order-steps-container  div.active").css("background-position", "top left"); // order steps
	$("#main-navigation-block ul li a.active").css("background-position", "top right"); // main nav
	$("#footer ul li a.active").css("background-position", "bottom left"); // language en footer-nav

/**********************************

		FORMULIER VALIDATIE
		
***********************************/
	
	$.validator.setDefaults({
		submitHandler: function() { $("#order-form").submit(); $("#cForm").submit();}
	});

	// validate signup form on keyup and submit
	$("#cForm").validate({
		rules: {
			posName: "required",
			posRegard: "required",
			posText: "required",
			posTelnr: "required",
			posEmail: {
						required: true,
						email: true
						}
			},
		messages: {
			posName: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			posEmail: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			posRegard: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			posText: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			posTelnr: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>"
			}
	});


	// validate signup form on keyup and submit
	$("#order-form").validate({
		rules: {
			user_naam: "required",
			user_telnr: "required",
			user_email: {
						required: true,
						email: true
						}
			},
		messages: {
			user_naam: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			user_telnr: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>",
			user_email: "<em style=\"color:#ff0000;font-size:85%;\">Verplicht veld / Required field</em>"
			}
	});
	
	$(".eq").equalHeights();


});