$(function(){
	$.getJSON("periode.php", null, function(period) {		
		$.datepicker.regional['fr'];
		$("#datepicker").datepicker({
			inline: true,
			dateFormat: 'dd MM yy',
			gotoCurrent: true,
			minDate:new Date(),
			beforeShowDay: function(d) {				
				if (period) {
					for (var i = 0; i < period.length; i++) {
						if ((d.getTime()/1000) >= period[i][0] && (d.getTime()/1000) <= period[i][1])
							return [0];
					}		
				}
				
				return [1];
			},
			onSelect: selectDate
		});
		
		var f = /reservation\.html\?date=(\d{4})-(\d{2})-(\d{2})/;

		if (d = f.exec(document.location)) {
			$("#datepicker").datepicker('setDate', new Date(d[1], d[2] - 1, d[3]));
			selectDate($.datepicker.formatDate('dd MM yy', $("#datepicker").datepicker('getDate')));
		}
	});	
});

function selectDate(d) {
	var f = /reservation\.html/;

	if (!f.test(document.location))
		document.location.href = "reservation.html?date=" + $.datepicker.formatDate('yy-mm-dd', $("#datepicker").datepicker('getDate'));
		
	$(".show_date").text(d);
	
	if(document.getElementById('reza'))document.getElementById('reza').style.display = 'inline';
	
	if(document.resa)var max = document.resa.max_perso.value;
	$("input[name=date]").val($.datepicker.formatDate('yy-mm-dd', $("#datepicker").datepicker('getDate')));
	
	$.getJSON("reserv.php",{date:$("input[name=date]").val()}, function(data){
		var donnee="";
		for(var i=0;i<data.length;i++) {
			var disab=(data[i][1]==max)? " disabled='disabled'":"";
			var dispo=(max-data[i][1]>=0) ? max-data[i][1]:0;
			donnee+="<input type='radio' name='heure' value='"+(data[i][0]*1)+"'"+ disab +" onclick='document.resa.dispo.value="+dispo+"' />"+(data[i][0]*1)+" H - "+dispo+" place(s) <br />\n";
			}					
			$("#hor").html(donnee); // equivalent à : document.getElementById('hor').innerHTML=donnee;
	});
}