/**
 * @author groening
 */

$(document).ready(function(){
	jQuery('#travel_date_from').focus(function(){
		// Call some function to handle Ajax request
		return updateCalendar(false);
	});
	jQuery('#travel_date_to').focus(function(){
		// Call some function to handle Ajax request
		return updateCalendar(true);
	});
});

function updateCalendar(withFromDate){
	$('#error').empty();
	var travel_destination = $('#travel_destination').val();
	var month_year = document.getElementById('month_select') ? $('#month_select').val() : '';
	var travel_date_from = $('#travel_date_from').val();
	var hotel_code = $('#hotel_code').val();
	
	if (travel_destination == '') {
		$('#error').append('<p>Bitte wählen Sie zuerst ein Land aus!</p>');
		$('#error').show();
		return false;
	}
	else
	{
		if (withFromDate && (travel_date_from == 'von')) {
			$('#error').append('<p>Bitte wählen Sie zuerst ein Anreisedatum aus!</p>');
			$('#error').show();
			return false;
		}
		else {
			var data = 'travel_destination=' + travel_destination + '&month_year=' + month_year + '&hotel_code=' + hotel_code;
			if (withFromDate) {
				var travel_date_from = $('#travel_date_from').val();
				data = data + '&travel_date_from=' + travel_date_from + '&travel_date_input_id=travel_date_to';
			}
			else {
				data = data + '&travel_date_input_id=travel_date_from';
			}
			$.getJSON('scripts/wol/ht_show_calendar.php', data, handleCalendarData)
			return true;
		}
	}
}

function handleCalendarData(data, status){
	$('#calendar').empty();
	$('#calendar').append(data.calendar_html);
	$('#traveler').hide(); // for IE ...
	$('#calendar').show();
}

function closeCal(){
	$('#calendar').hide();
	$('#traveler').show(); // for IE ...
}

function setTravelDate(travel_date, travel_date_input_id){
	$('#' + travel_date_input_id).val(travel_date);
	if (travel_date_input_id == 'travel_date_from') {
		$('#travel_date_to').val('bis');
	}
	closeCal();
}

function deleteTravelDate(){
	$('#travel_date_from').val('von');
	$('#travel_date_to').val('bis');
}

function setCalenderPosition(top, left){
	$('#calendar').css('top', top);
	$('#calendar').css('left', left);
}

