$(function()
{
	// initialise the "Select date" link
	$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2008',
			endDate:'31/12/2015'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0], 'depart');
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate, 'depart');
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0], 'depart');
		}
	);
	$('#date-pick2')
	.datePicker(
		{
			createButton:false,
			startDate:'01/01/2008',
			endDate:'31/12/2015'
		}
	).bind(
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0], 'return');
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate, 'return');
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0], 'return');
		}
	);
	var updateSelects = function (selectedDate, elementId)
	{
		var selectedDate = new Date(selectedDate);
		$('#'+elementId+' .form_fd_day option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
		$('#'+elementId+' .form_fd_month_year option[value=' + (selectedDate.getMonth()+1) + '/' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
	}
	// listen for when the selects are changed and update the picker
	$('#depart .form_fd_day, #depart .form_fd_month_year')
		.bind(
			'change',
			function()
			{
				$('#date-pick').dpSetSelected($('#depart .form_fd_day').val()+'/'+$('#depart .form_fd_month_year').val());
			}
		);
	$('#return .form_fd_day, #return .form_fd_month_year')
	.bind(
		'change',
		function()
		{
			try {
				$('#date-pick2').dpSetSelected($('#return .form_fd_day').val()+'/'+$('#return .form_fd_month_year').val());
			}
			catch(e) { } // not needed to pass values to calendar
		}
	);

	// default the position of the selects to today
	var today = new Date();
	var month = today.getMonth() + 1;
	var day = today.getDate();
	var nextDay = day + 1;
	var year = today.getFullYear();
	$('#depart .form_fd_day option[value=' + day + ']').attr('selected', 'selected');
	$('#return .form_fd_day option[value=' + nextDay + ']').attr('selected', 'selected');
	$('.form_fd_month_year option[value=' + month + '/' + year + ']').attr('selected', 'selected');

	// and update the datePicker to reflect it...
	$('.form_fd_day').trigger('change');

	// Submit Button

	$('#formCalculator').ajaxForm({ target: '#resutsDiv'});

});