$(function()
{
	$('#datepicker')
		.datePicker({
			createButton:false
			}
		).bind(
			// when the link is clicked display the date picker
			'click',
			function()
			{
				//göm select <select tabindex="5" name="isArrival" id="ext">
				$('#ext').hide();
				
				$(this).dpDisplay();
				
				return false;
			}
		).bind(
			// when a date is selected update the SELECTs
			'dateSelected',
			function(e, selectedDate, $td, state)
			{
				setDateTo(selectedDate);
			}
		)
		.bind(
			'dpClosed',
			function(e, selectedDates)
			{
				//visa select <select tabindex="5" name="isArrival" id="ext">
				$('#ext').show();
			}
		);
		
	$('#datepicker').dpSetSelected(($('#date')[0]).value)
	$('#datepicker').dpSetOffset(25, 0);
	$('#datepicker').dpSetEndDate(lastDate.asString());
	
	var setDateTo = function (selectedDate)
	{
		($('#date')[0]).value = selectedDate.asString();
		$('#datepicker').html(selectedDate.getDate() +' '+ Date.monthNames[selectedDate.getMonth()] +' '+ selectedDate.getFullYear());
	}
});