$(document).ready(function() {
	
	$( "#groupFirstDay" ).datepicker({
		showOn: "button",
		buttonImage: "http://rentalrepublic.co.uk/wp-content/themes/rentalrepublic/images/date_icon.png",
		buttonImageOnly: true,
		minDate: 0,
		maxDate: '+12m',
		onSelect: function(date) {
			setStartDate(date);
			$('#groupLastDay').datepicker( "option", "minDate", date );
//			$('#groupLastDay').datepicker( "option", "defaultDate", date + 7);
		}
	});
	
	$("#groupLastDay").datepicker({
		showOn: "button",
		buttonImage: "http://rentalrepublic.co.uk/wp-content/themes/rentalrepublic/images/date_icon.png",
		buttonImageOnly: true,
		minDate: 0,
		maxDate: '+12m',
		onSelect: function(date) {
			setEndDate(date);
		}
	});
	
	/*$("#groupFirstDay2, #groupLastDay2" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 1,
			maxDate: '+12m',
			buttonImage: "http://rentalrepublic.co.uk/wp-content/themes/rentalrepublic/images/date_icon2.png",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "groupLastDay2" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
	});*/
	
	$('#booking_form').validate({
		rules: {
			group_first_day: {
				required: true,
				date: true
			},
			group_last_day: {
				required: true,
				date: true
			},
			resort_id: {
				required: true,
				number: true
			}
		},
		messages: {
			group_first_day: {
				message: ''
			},
			group_last_day: {
				message: ''
			},
			resort_id: {
				message: ''
			}
		},
		errorPlacement: function(error, element) {
			element.css({border: 'solid #f00 1px', color: '#f00'}) 
		}	
	});
	
	
	$( "#groupFirstDay2" ).datepicker({
		showOn: "button",
		buttonImage: "http://rentalrepublic.co.uk/wp-content/themes/rentalrepublic/images/date_icon2.png",
		buttonImageOnly: true,
		minDate: 0,
		maxDate: '+12m',
		onSelect: function(date) {			
			setStartDate(date);
			$('#groupLastDay2').datepicker( "option", "minDate", date );
		}
	});
	
	$("#groupLastDay2").datepicker({
		showOn: "button",
		buttonImage: "http://rentalrepublic.co.uk/wp-content/themes/rentalrepublic/images/date_icon2.png",
		buttonImageOnly: true,
		minDate: 0,
		defaultDate: "+1w",
		maxDate: '+12m',
		onSelect: function(date) {
			setEndDate(date);
		}
	});
});

function setStartDate(date) {
	var date = $.datepicker.parseDate('mm/dd/yy', date);
	var formatDate1 = $.datepicker.formatDate("D, d M yy", date);
	
	$("#startDate").html(formatDate1);
}

function setEndDate(date) {
	var date = $.datepicker.parseDate('mm/dd/yy', date);
	var formatDate = $.datepicker.formatDate("D, d M yy", date);
	$("#endDate").html(formatDate);
}