$(document).ready(function() {

	$('#from_year').change(function()
	{
		var selectedYear = $('#from_year option:selected').val();
		insertWeeks('#from_week', selectedYear);
	
		$('#till_year option[value="'+ selectedYear+'"]').attr('selected', 'selected');
		insertWeeks('#till_week', selectedYear);
	});
	

	$('#till_year').change(function()
	{
		var fromYear = $('#from_year option:selected').val();
		var fromWeek = $('#from_week option:selected').val();		
		var selectedYear = $('#till_year option:selected').val();
		if (selectedYear == fromYear)
		{
			insertWeeks('#till_week', selectedYear, fromWeek);			
		}
		else 
		{
			insertWeeks('#till_week', selectedYear);
		}
	});
	
	$('#from_week').change(function()
	{
		var selectedYear = $('#from_year option:selected').val();
		var selectedWeek = $('#from_week option:selected').val();
		insertWeeks('#till_week', selectedYear, selectedWeek);
	});	
	
	$('#till_week').change(function()
	{
		var fromYear = $('#from_year option:selected').val();
		var fromWeek = $('#from_week option:selected').val();
		var tillYear = $('#till_year option:selected').val();
		var tillWeek = $('#till_week option:selected').val();
		
		if (fromYear > 0 && fromWeek > 0 && tillYear > 0 && tillWeek > 0)
		{
			
			$.post("/reserveren/getduration", 
				{ 
					fromYear: fromYear, 
					fromWeek: fromWeek,
					tillYear: tillYear,
					tillWeek: tillWeek
				},
				function(data) 
				{
					if (data != '' && data > 0)
					{
						var msg = data > 1 ? data +' weken.' : data +' week.';
						$('#date_msg').css('height', '15px');
						$('#date_msg').css('color', 'black');	
						$('#date_msg').html('De totale verblijfsduur bedraagt nu: '+ msg);				
					}					
					else if (data == 'error') {
						$('#date_msg').css('height', '40px');
						$('#date_msg').css('color', 'red');						
						$('#date_msg').html('De verblijfsperiode is niet mogelijk.<br />In de door u geselecteerde periode is reeds een reservering bekend.');
					}
				}
			);			
		}
	});
	
	function insertWeeks ( element, year, first_week )
	{
		// if (year != 'false' && first_week != 'false')
		// 	{
		
			url = first_week != undefined ? '/reserveren/getweeks/'+ year +'/'+ first_week : '/reserveren/getweeks/'+ year;
			$(element).load(url, function(response, status, xhr) {
			  if (status == "error") {
			    var msg = "Er is een fout opgetreden. Probeert u het later nogmaals.";
			    $("#error").html(msg +'<br /><span style=\'color: white;\'>'+ xhr.status + ' ' + xhr.statusText +'</span>');
			  }
			});		
			
		// }
	}
	
});