document.onclick = try_hide_popup ; 

city_panel_setup ( "0px" , "0px" , "选择通航城市" , "city-panel" ) ; 
date_panel_setup ( "0px" , "0px" , "date-panel" );
time_panel_setup ( "0px" , "0px", "time-panel" ) ; 
airline_panel_setup ("0px" , "0px", "airline-panel" ) ; 

var pop_remain = false ;
var popup_layer_id = 0 ; 

document.getElementById ( "org_pull" ) . onclick = org_layer ; 
document.getElementById ( "via_pull" ) . onclick = via_layer ; 
document.getElementById ( "dst_pull" ) . onclick = dst_layer ; 
document.getElementById ( "date1_pull" ) . onclick = date1_layer ; 
document.getElementById ( "date2_pull" ) . onclick = date2_layer ; 
document.getElementById ( "time1_pull" ) . onclick = time1_layer ; 
document.getElementById ( "time2_pull" ) . onclick = time2_layer ; 
document.getElementById ( "airline_pull" ) . onclick = airline_layer ; 

document.getElementById("startdate").value = date_struct.today ;
document.getElementById("returndate").value = date_struct.today ;

function airline_layer ( event ) { 
	pop_remain = true ; 
	airline_field = "airline" ; 
	airline_desc = "airline_desc" ;
	hide_popup() ;
	popup_layer_id = "airline-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	current_layer.style.top = 0; 
	current_layer.style.visibility = "visible" ; 
}

function time1_layer ( event ) { 
	show_time_layer ( event , "timego" , "time1_desc" , 0 ) ; 
}

function time2_layer ( event ) { 
	show_time_layer ( event , "backtimego" , "time2_desc" , 0 ) ; 
}

function show_time_layer ( event , tfd , tdesc , top ) { 
	pop_remain = true ; 
	time_field = tfd ; 
	time_desc = tdesc ;
	hide_popup() ;
	popup_layer_id = "time-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	current_layer.style.top = top ; 
	current_layer.style.visibility = "visible" ; 
}

function date1_layer ( event )  { 
	show_date_layer ( event , "startdate" , 0) ;
}

function date2_layer ( event )  { 
	show_date_layer ( event , "returndate" ,0 ) ;
}

function show_date_layer ( event , date_field , top ) { 
	var tdy = new Date() ; 
	date_struct.year1 = tdy.getFullYear() ;
	date_struct.month1 = tdy.getMonth() ; 
	date_panel_set () ; 
	pop_remain = true ; 
	date_struct.target_field = date_field ; 
	hide_popup() ;
	popup_layer_id = "date-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	current_layer.style.top = top ; 
	current_layer.style.visibility = "visible" ; 
}

function org_layer ( event ) { 
	show_city_layer ( event , "orgDesp" , "org" , 20 ) ; 
}


function via_layer ( event ) { 
	show_city_layer ( event , "viaDesp" , "via" , 20 ) ; 
}

function dst_layer ( event ) { 
	show_city_layer ( event , "dstDesp" , "dst" , 20 ) ; 
}

function show_city_layer ( event , cf , cc , pos ) { 
	pop_remain = true ; 
	target_city_field = cf ; 
	target_city_code = cc ;
	hide_popup() ;
	popup_layer_id = "city-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	current_layer.style.top = pos ; 
	current_layer.style.visibility = "visible" ; 
}

function try_hide_popup ( event ) { 
	if ( pop_remain ) pop_remain = false ; 
	else hide_popup();
} 

function hide_popup() { 
	if ( popup_layer_id != 0 ) 
	document.getElementById ( popup_layer_id ) .
	style . visibility = "hidden" ; 
}