$(document).ready(function(){
  $( "#datepicker" ).datepicker({
   showOn: "button",
   buttonImage: "datepicker/calendar.gif",
   buttonImageOnly: true	
  });
  $( "#datepicker" ).change(function(){
   	$cdate=$(this).val();
	$('#dd').html('<input name="cout" type="text" id="datepicker1" size="10"  class="input">');
	$( "#datepicker1" ).val($cdate);
	toDate($cdate);
  });
  $('#jumpMenu').change(function(){
		$this_val=$(this).val();
		$room_types=$('#room_types');
		$room_types.find('table').hide();
		$room_types.find('select').each(function(){
			$room_types.find('select').val('');
		});
		for(i=1;i<=$this_val;i++){
			$('#room_'+i).show();
		}
	});
});
function toDate($cdate){
	$( "#datepicker1" ).datepicker({ showOn: "button",
		   buttonImage: "datepicker/calendar.gif",
		   buttonImageOnly: true,
		   minDate:$cdate
	});
}
function val_form(form) {
	form.onsubmit=function()
	{
		if(form.elements['cin'].value.length<5)
		{
		alert("Please Select Date");
		form.elements['cin'].focus();
		return false;
		}			
		else if(form.elements['cout'].value.length<5)
		{
		alert("Please Select Date");
		form.elements['cout'].focus();
		return false;
		}
		else if(form.jumpMenu.options[form.jumpMenu.options.selectedIndex].value=='')
		{
			alert("please select state");
			form.jumpMenu.focus();	
			return false;
		}
	}
}