$(document).ready(function() {

	var gekozen_dag = "";
	$("#dialog-form").dialog({
			autoOpen: false,
			height: 200,
			width: 200,
			modal: true,
			buttons: {
				'Doorgaan': function() {

					if ($('#hele_dag:checked').val() !== undefined) {
						$("#datums").val($("#datums").val()+gekozen_dag+" : gehele dag\n");
					} else {
						var van = $('#van_tijd_uur').val()+":"+$('#van_tijd_minuten').val();
						if( ($('#tot_tijd_uur').val() == "00") && ($('#tot_tijd_minuten').val() == "00"))	{
							$("#datums").val($("#datums").val()+gekozen_dag+" : vanaf "+$('#van_tijd_uur').val()+":"+$('#van_tijd_minuten').val()+"\n");
						} else {
							$("#datums").val($("#datums").val()+gekozen_dag+" : van "+$('#van_tijd_uur').val()+":"+$('#van_tijd_minuten').val()+" tot "+$('#tot_tijd_uur').val()+":"+$('#tot_tijd_minuten').val()+"\n");
						}
					}
					
					$(this).dialog('close');
				},
				'Annuleren': function() {
					$(this).dialog('close');
				}
			},
			close: function() { gekozen_dag = ""; }
		});


	var dateMin = new Date();
	$(function() {
	
	 $('#datepicker').datepicker(
	 {
	  showOn: "both",
	  dateFormat: "dd-mm-yy",
	  firstDay: 1,
	  changeFirstDay: false,
	  minDate: dateMin,
	  onSelect: function(dateText, inst) { 
	  	gekozen_dag = dateText;
		$('#van_tijd_uur').val("00");
		$('#van_tijd_minuten').val("00");
		$('#tot_tijd_uur').val("00");
		$('#tot_tijd_minuten').val("00");
		$('#tot_tijd_minuten').val("00");
	  	$('#hele_dag').attr('checked', false);
		
		$('#dialog-form').dialog('open');
	  }
	 });
	 
	});
	
	$('#tot_tijd_uur').change(function()	{
		if($('#tot_tijd_uur').val() == "20")	{
			$('#tot_tijd_minuten').val("00");
		}
	});
	
	$('#tot_tijd_minuten').change(function()	{
		if($('#tot_tijd_uur').val() == "20")	{
			$('#tot_tijd_minuten').val("00");
			alert("U kunt tot maximaal 20:00 bezichtigen");
		}
	});
	
});