$(document).ready(function(){
	$("#gbdatum").datepicker({ 
	    showOn: "both", 
	    buttonImage: "images/icons/calendar.png",
	    yearRange: "-100:+0",  
	    dateFormat: "dd/mm/yy",
	    closeAtTop: false,
	    buttonImageOnly: true 
	});
	
	$("#aankomstdatum, #vertrekdatum").datepicker({ 
	    beforeShow: customRange, 
	    showOn: "both", 
	    buttonImage: "images/icons/calendar.png",
	   	dateFormat: "dd/mm/yy",
	    closeAtTop: false,
	    buttonImageOnly: true 
	});

	function customRange(input) { 
    return {minDate: (input.id == "vertrekdatum" ? $("#aankomstdatum").datepicker("getDate") :"0d"), 
        maxDate: (input.id == "aankomstdatum" ? $("#vertrekdatum").datepicker("getDate") : "5y")}; 
	}
	
	$("#begindatum, #einddatum").datepicker({ 
	    beforeShow: customRange2, 
	    showOn: "both", 
	    buttonImage: "../images/icons/calendar.png",
	   	dateFormat: "dd/mm/yy",
	    closeAtTop: false,
	    buttonImageOnly: true 
	});

	function customRange2(input) { 
    return {minDate: (input.id == "einddatum" ? $("#begindatum").datepicker("getDate") :"0d"), 
        maxDate: (input.id == "begindatum" ? $("#einddatum").datepicker("getDate") : "8y")}; 
	}
	
	
	$("#resForm").validate();
	
	$("#add").click(addRow);
	
	cursusOut();
	
	function cursusOut(){
	$('.nCursus').click(function(){
		$(".test").html("<a class=\"nCursus terug link\"><img class=\"noborder\" src=\"images//icons/edit.png\" height=\"32px\" width=\"32px\" align=\"absmiddle\"> Inschrijven voor een cursus of wandelweek</a>");
		$("#cursusSelect").slideDown("slow");
		cursusIn();
	});
	};
	
	function cursusIn(){
	$('.terug').click(function(){
		$(".test").html("<a class=\"nCursus link\"><img class=\"noborder\" src=\"images/icons/edit.png\" height=\"32px\" width=\"32px\" align=\"absmiddle\">" +
				" Klik hier als u zich wilt inschrijven voor een cursus of wandelweek</a>");
		$("#cursusSelect").slideUp("slow");
		cursusOut();
	});
	};
	
	$('#cursusForm').submit(function() { 
        $(this).ajaxSubmit({target: '#regCursus', resetForm: false}); 
        return false; 
    }); 
		
	
	$(".opslaan").click(function(){
		
		var cursus = $('[name=cursus]').fieldValue(); 
		$.ajax({
	  		url: 'ajax/reserveren&direct='+cursus,
	   		success: function(html){
	    		  $('#regCursus').replaceWith(html);},
	    	error: function(){
	    		$('#regCursus').replaceWith("Kan data niet laden..!");}
	    });
	});
	
	var template = jQuery.format($("#template").val());
	var i=2;
	var maximum = 4;
	
	function addRow() {
		var deelnemer = '#deelnemer'+i;
		$(template(i++)).appendTo("#add_deelnemer");
		if (i > 2) $(".dell"+(i-2)).fadeOut("slow");
		$("#gbdatum"+(i-1)).datepicker({ 
		    showOn: "both", 
		    buttonImage: "../images/icons/calendar.png",
		    yearRange: "-100:+0",  
		    dateFormat: "dd/mm/yy",
		    closeAtTop: false,
		    buttonImageOnly: true 
		});
		$("#aantaldeelnemers").val(i-1);		
		$(deelnemer).slideDown("slow");
		$(".dell"+(i-1)).click(dellRow);
		if (i > maximum) $("#deelnemerknop").fadeOut("slow");
	}
	
	function dellRow(){
		var deelnemer = '#deelnemer'+(i-1);
		if (i > 2) $(".dell"+(i-2)).fadeIn("slow");
		$(deelnemer).slideUp("slow",function(){
			var deelnemer = '#deelnemer'+(i);
			$(deelnemer).remove();
		});
		if (i > maximum) $("#deelnemerknop").fadeIn("slow");
		i--;
		$("#aantaldeelnemers").val(i-1);
	}
	
});


function kamers(aantal){
	aantal++;
	
	if (aantal == 1){
		$(".een").fadeOut("slow");
	}else $(".een").fadeIn("slow");
	
	for (i=1; i<7; i++){
		kamer = ".acco"+i;
		if (i <= aantal){
			$(kamer).fadeIn("slow");
		}else{
			$(kamer).fadeOut("slow");
		}
	}
}