<script type="text/javascript">
$(document).click(function(){
     $('.pre_search').hide();
});
function select_predictive_search() {
	$('ul.pre_search_list li').click(function(e) {
		e.stopPropagation();
        var search_text = $(this).find("span").text();
        var par_id = $(this).closest('div').attr('id');
		var main_div = $('#'+par_id).parent().attr("id");

		if(search_text == "Nothing Found") {
			$('#'+main_div + ' input').val("");
			$('#'+main_div + ' .pre_search').hide();
		} else {
			$('#'+main_div + ' input').val(search_text);
			$('#'+main_div + ' .pre_search').hide();
			if( main_div == 'to1_city'){
				$('#fromCity_2').val(search_text);
			} else if(main_div == 'to2_city') {
				$('#fromCity_3').val(search_text);
			}
		}
    });
}
$(function() {
	$(".pred_search").keyup(function(e) {
		var code = e.keyCode || e.which;
		if (code == '9') {
			$('.pre_search').hide();
		} else {
			var par_id = $(this).closest('div').attr('id');
			var name = $('#'+par_id +' input').val();
			if(name=="" || name.length < 3) {
				$('#'+par_id + ' .pre_search').hide();
			} else {
				$('#'+par_id + ' .pre_search').css('display', 'none');
				$.ajax({
					type: "POST",
					url: "/predictive_search.php",
					data: "search="+ name,
					success: function(html){
						if(html != ''){
							$('#'+par_id + ' ul.pre_search_list').html(html);
							$('#'+par_id + ' .pre_search').css('display', 'block');
						}
						select_predictive_search();
					}
				});
			}
		}
	});
	$(".cal").datepicker({
		numberOfMonths: 2,
		dateFormat: 'mm/dd/yy',
		showButtonPanel: true,
		stepMonths: 1,
		closeText:'Close',
		gotoCurrent: true,
		minDate: 0
	});
	$("#depart").change(function(){
		retmin = $(this).datepicker('getDate');
		retmind = new Date(retmin);
		retmind.setDate(retmind.getDate() + 1);
		$("#return").datepicker("option", "minDate", retmind);

		retnew = new Date(retmin);
		retnew.setDate(retnew.getDate() + 14);
		var retnewd = $.datepicker.formatDate( "mm/dd/yy", retnew);

		$('#return').val(retnewd);
	});

	$("#flyDate_1").change(function(){
		retmin = $(this).datepicker('getDate');

		retmind = new Date(retmin);
		retmind.setDate(retmind.getDate() + 10);
		var retmindd = $.datepicker.formatDate( "mm/dd/yy", retmind);

		retnew = new Date(retmin);
		retnew.setDate(retnew.getDate() + 20);
		var retnewd = $.datepicker.formatDate( "mm/dd/yy", retnew);

		$('#flyDate_2').val(retmindd);
		$('#flyDate_3').val(retnewd);
	});

});
</script>