// regular res
jQuery(document).ready(function(){
	// Get today's date
	var d = new Date();
	
	// Set datepicker default values
	// Set month drop down to this month (NB getMonth is 0 based so 
	// we need to add one to the return value)
	jQuery('#arr-picker_month').val(d.getMonth()+1);
	jQuery('#arr-picker_day').val(d.getDate());
	jQuery('#arr-picker_yr').val(d.getFullYear());

	// submit form	
	jQuery("form#res").submit(function() {
		var SRP = jQuery('#minisrp').attr('value');
		if (!SRP) {
			SRP = jQuery('#srp').attr('value');
		}
		var package = jQuery('#srp :selected').attr('id');
		var checkin = jQuery('#arr-picker').attr('value');
		var checkout = jQuery('#dep-picker').attr('value');
		/*
		var AD = jQuery('#arr-picker_day').attr('value');
		var AM = jQuery('#arr-picker_month').attr('value');
		var DD = jQuery('#dep-picker_day').attr('value');
		var DM = jQuery('#dep-picker_month').attr('value');
		*/
		var AT = jQuery('#Adults').attr('value');
		var CD = jQuery('#Kids').attr('value');
		/*
		var resURL = 'http://www.choicehotels.ca/hotels/roomRates?hotel=CN393&minisrp=' + SRP + '&day=' + AD + '&month=' +  AM + '&depart_day=' + DD + '&depart_month=' + DM + '&nadult=' + AT + '&nchild=' + CD;
		*/
		var resURL = 'http://www.choicehotels.ca/rooms/cn393?packageId='+ package +'&srp=' + SRP + '&checkin=' + checkin + '&checkout=' + checkout;		
		window.open(resURL);
		return false;
	});
  
	jQuery("#arr-picker").datepicker({ 
		dateFormat: 'd-m-yy',
		minDate: 0,
		onSelect: setArrDate
	});
		
	jQuery("#dep-picker").datepicker({ 
		dateFormat: 'd-m-yy',
		beforeShow: setMinDate,
		onSelect: setDepDate
	});
	
	//set arr_picker default date
	jQuery('#arr-picker').datepicker('setDate',d);
	jQuery('#dep-picker').datepicker('setDate',d);
	
	// drop down update datepicker actions	
	jQuery("#arr-picker_day").change(function () {
		dayChange('#arr',jQuery(this).val());
	});
	
	jQuery("#arr-picker_month").change(function () {
		monthChange('#arr',jQuery(this).val()-1);
	});
	
	jQuery("#arr-picker_yr").change(function () {
		yearChange('#arr',jQuery(this).val());
	});
	
	jQuery("#dep-picker_day").change(function () {
		dayChange('#dep',jQuery(this).val());
	});
	
	jQuery("#dep-picker_month").change(function () {
		depmonthChange('#dep',jQuery(this).val()-1);
	});
	
	jQuery("#dep-picker_yr").change(function () {
		yearChange('#dep',jQuery(this).val());
	});
});

// on day change	
function dayChange(id,num) {
		var M = jQuery(id + '-picker_month').val()-1;
		var D = num;
		var Y = jQuery(id + '-picker').datepicker('getDate');
		var Dt = new Date(Y.getFullYear(),M,D);
		jQuery(id +'-picker').datepicker("setDate", Dt);
}
	
// on month change
function monthChange(id,num) {
		var M = num;
		var D = jQuery(id+'-picker_day').val();
		var Y = jQuery(id+'-picker').datepicker('getDate');
		var Dt = new Date(Y.getFullYear(),M,D);
		jQuery(id+'-picker').datepicker("setDate", Dt);
}

// on year change
function yearChange(id,num) {
		var M = jQuery(id + '-picker_month').val()-1;
		var D = jQuery(id+'-picker_day').val();
		var Y = num;
		var Dt = new Date(Y,M,D);
		jQuery(id+'-picker').datepicker("setDate", Dt);
}

// on month change
function depmonthChange(id,num) {
		var M = num;
		var arrM = jQuery('#arr-picker_month').val()-1;
		var D = jQuery(id+'-picker_day').val();
		var Y = jQuery('#arr-picker').datepicker('getDate');
		if(M<arrM){
			var Dt = new Date(Y.getFullYear()+1,M,D);
			jQuery('#dep-picker_yr').val(Y.getFullYear()+1);
		} else {
			var Dt = new Date(Y.getFullYear(),M,D);
			jQuery('#dep-picker_yr').val(Y.getFullYear());
		}
		jQuery(id+'-picker').datepicker("setDate", Dt);
}
	
function setArrDate(){
	var ArrDay = jQuery("#arr-picker").datepicker('getDate').getDate();	
	var ArrMonth = jQuery("#arr-picker").datepicker('getDate').getMonth()+1;
	var ArrYear = jQuery("#arr-picker").datepicker('getDate').getFullYear();
	jQuery('#arr-picker_day').val(ArrDay);
	jQuery('#arr-picker_month').val(ArrMonth);
	jQuery('#arr-picker_yr').val(ArrYear);
}

function setDepDate(){
	var DepDay = jQuery("#dep-picker").datepicker('getDate').getDate();	
	var DepMonth = jQuery("#dep-picker").datepicker('getDate').getMonth()+1;
	jQuery('#dep-picker_day').val(DepDay);
	jQuery('#dep-picker_month').val(DepMonth);
}		
	
function setMinDate(){
	dateMin = jQuery("#arr-picker").datepicker("getDate");
	if(dateMin){
		return {
            minDate: dateMin
        };
    } else {
    	return {
            minDate: 2
        };
    } 
}

function setMaxDate(){
	dateMax = jQuery("#dep-picker").datepicker("getDate");
	if(dateMax){
		return {
            maxDate: dateMax
        };
    } 
}

function showDatepicker(id)
{
  	jQuery('#' + id).datepicker('show');
}