// JavaScript Document
$(document).ready(function () {
						   
	var monthArray = Array("January","February","March","April","May","June","July","August","September","October","November","December")
	var date = new Date();
	var today = date.getDate();
	var tomorrow = date.getDate()+1;
	var month = date.getMonth();
	var year = date.getFullYear();
	for(i=0;i<=11;i++){
		$("#month1").append("<option value='"+(i+1)+"'>"+monthArray[i]+"</option>");
		$("#month2").append("<option value='"+(i+1)+"'>"+monthArray[i]+"</option>");
	}
	for(i=1;i<=31;i++){
		$("#day1").append("<option value='"+i+"'>"+i+"</option>");
		$("#day2").append("<option value='"+i+"'>"+i+"</option>");
	}
	for(i=0;i<=1;i++){
		$("#year1").append("<option value='"+(year+i)+"'>"+(year+i)+"</option>");
		$("#year2").append("<option value='"+(year+i)+"'>"+(year+i)+"</option>");
	}
	for(i=1;i<=9;i++){
		$("#numRooms").append("<option value='"+i+"'>"+i+"</option>");
	}
	$("#month1").val(month+1);
	$("#day1").val(today);
	$("#year1").val(year);
	$("#month2").val(month+1);
	$("#day2").val(tomorrow);
	$("#year2").val(year);

	$('#datepicker1').datepicker({ 
		showOn: 'button',
		buttonImage: '/templates/images/datepicker.gif',
		buttonImageOnly: true,
		
		dateFormat:'m/d/yy', 
		onClose: function(dateText) {
			if(dateText != "Date"){
			strFilled = dateText.split('/');
			/*
			$("#month1").selectBox('value', strFilled[0]);
			$("#day1").selectBox('value', strFilled[1]);
			$("#year1").selectBox('value', strFilled[2]);
			*/
			$("#month1").val(strFilled[0]);
			$("#day1").val(strFilled[1]);
			$("#year1").val(strFilled[2]);
			}
		}
	});

	$('#datepicker2').datepicker({ 
		showOn: 'button',
		buttonImage: '/templates/images/datepicker.gif',
		buttonImageOnly: true,
		
		dateFormat:'m/d/yy', 
		onClose: function(dateText) {
			strFilled = dateText.split('/');
			$("#month2").val(strFilled[0]);
			$("#day2").val(strFilled[1]);
			$("#year2").val(strFilled[2]);
		}
	});

	$('#nav li').hover(  
		function () {  
			$('ul', this).fadeIn(300);  
		},   
		function () {  
			$('ul', this).fadeOut(0);           
		}  
	);
	var container = $('#formError');
	$("#form").validate({
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate",
		focusInvalid: false
	});
});

