errorMessages={required: "Dit veld is verplicht."};

$(document).ready(function() {
	$.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['nl']));
	$(".datepicker").datepicker({minDate: '-15Y', maxDate: '+15Y +1M +10D'});
	
	$.validator.addMethod(
		"dateNL",
		function(value, element, params) {
			return this.optional(element) || /^\d\d?\-\d\d?\-\d\d\d?\d?$/.test(value);
		}
	);
	
	$("#form_insert_data").validate({
		rules: {
			"activity[startdate]" : {
				required: true,
				dateNL: true
			},
			"activity[enddate]" : {
				required: true,
				dateNL: true
			},
			"activity[points]" : "required",
			"extradata[organisatie]" : "required",
			"extradata[adres]" : "required",
			"extradata[postcode]" : "required",
			"extradata[plaats]" : "required",
			"extradata[referent]" : "required"
		},
		messages: errorMessages,
		invalidHandler: function(form, validator) {
			//console.log('invalidHandler');
			var num_errors = validator.numberOfInvalids();
			
			if (num_errors > 0) {
				//console.log(num_errors);
			}
		},
		submitHandler: function(form) {
			form.submit();
			/*
			 $(form).submit();
			 */
			/*
			$.ajax({
				type: 	"post",
				url:	"/admin/werkervaring-invoeren/",
				data:	$(form).serialize(),
				success: function(data) {
					updatePanel($("#panel_verify_data"), data);
				}
			});
			*/
		}
	});
	
	/*
	$("#edit_data").live("click", function(e){
		e.preventDefault();
		displayPlanel($("#panel_insert_data"));
	});
	
	$("#confirm_data").live("click", function(e){
		e.preventDefault();
		
		$.ajax({
			type: 	"post",
			url:	"/admin/werkervaring-invoeren/",
			data: 	"confirmation_data=true",
			success: function(data) {
				updatePanel($("#panel_confirmation_data"), data);
				$("#cancel_registration").hide();
			}
		});
	});
	*/
	
	/*
	$("#cancel_registration").live("click", function(e){
		//e.preventDefault();
		alert('leeg sessie data');
	})
	*/
	
	function updatePanel(panel, data) {
		$(panel).empty();
		displayPlanel(panel).append(data);
	}
	
	function displayPlanel(panel) {
		var steps_container = $("#registration_steps");
		var panel_id = panel.attr("id").split("panel_")[1]; // panel_verify_data > verify_data
		
		$(steps_container).find(".current").removeClass("current");
		$(steps_container).find("#step_" + panel_id).addClass("current");
		
		$(".panel.active").removeClass("active");
		$(panel).addClass("active");
		
		$.scrollTo('#container_panel', 200);
		
		return $(panel);
	}
});