$(document).ready(function() {	
	$('#linked_start').datepicker({
		minDate: new Date(2008, 1 - 1, 1),
		maxDate: new Date(2009, 12 - 1, 31),
		beforeShow: readStart,
		onSelect: updateStart,
		showOn: 'button',
		buttonText: '...',
		buttonImage: 'imx/layout/calendar.jpg',
		buttonImageOnly: true
	});
	
	$('#linked_end').datepicker({
		minDate: new Date(2008, 1 - 1, 1),
		maxDate: new Date(2009, 12 - 1, 31),
		beforeShow: readEnd,
		onSelect: updateEnd,
		showOn: 'button',
		buttonText: '...',
		buttonImage: 'imx/layout/calendar.jpg',
		buttonImageOnly: true
	});
	
	function readStart() {
		$('#linked_start').val(
			$('#start_month').val() + '/' +
			$('#start_day').val() + '/' +
			$('#start_year').val()
		);
		return {};
	}
	
	function readEnd() {
		$('#linked_end').val(
			$('#end_month').val() + '/' +
			$('#end_day').val() + '/' +
			$('#end_year').val()
		);
		return {};
	}
	
	function updateStart(date) {
		$('#start_month').val(date.substring(0, 2));
		$('#start_day').val(date.substring(3, 5));
		$('#start_year').val(date.substring(6, 10));
	}
	
	function updateEnd(date) {
		$('#end_month').val(date.substring(0, 2));
		$('#end_day').val(date.substring(3, 5));
		$('#end_year').val(date.substring(6, 10));
	}
	
	$('#start_month, #start_year').change(checkStartDays);
	$('#end_month, #end_year').change(checkEndDays);
	
	function checkStartDays() {
		var daysInMonth = 32 - new Date($('#start_year').val(), $('#start_month').val() - 1, 32).getDate();
		$('#start_day option').attr('disabled', '');
		$('#start_day option:gt(' + (daysInMonth) - 1 + ')').attr('disabled', 'disabled');
		if ($('#start_day').val() > daysInMonth) {
			$('#start_day').val(daysInMonth);
		}
	}
	
	function checkEndDays() {
		var daysInMonth = 32 - new Date($('#end_year').val(), $('#end_month').val() - 1, 32).getDate();
		$('#end_day option').attr('disabled', '');
		$('#end_day option:gt(' + (daysInMonth) - 1 + ')').attr('disabled', 'disabled');
		if ($('#end_day').val() > daysInMonth) {
			$('#end_day').val(daysInMonth);
		}
	}
	
	$('#hotel_photo').click(function() {
		#('ul.gallery').load("imx/gallery/hotel.html");
	});
	
	$('#room_photo').click(function() {
		#('ul.gallery').load("imx/gallery/room.html");
	});
	
	$('#stuff_photo').click(function() {
		#('ul.gallery').load("imx/gallery/stuff.html");
	});
});