document.onclick = try_hide_popup ; 

city_panel_setup ( 100 , 300 , "Ñ¡Ôñͨº½³ÇÊÐ" , "city-panel" ) ;
airline_panel_setup ( 100, 100 , "airline-panel" ) ; 
time_panel_setup ( 100, 100 , "dtime-panel" ) ;
time_panel_setup ( 100, 100 , "btime-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 ( "airline_pull" ) . onclick = airline_layer ; 
document.getElementById ( "dtime_pull" ) . onclick = dtime_layer ;
document.getElementById ( "btime_pull" ) . onclick = btime_layer ;
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 ) ; 
	var objAirlineDesc = document.getElementById ( "airline_desc" );
	var airlineTop = getTop(objAirlineDesc)+19;
	var airlineLeft = getLeft(objAirlineDesc);
	current_layer.style.top = airlineTop ;
	current_layer.style.left = airlineLeft ; 
	current_layer.style.visibility = "visible" ; 
}

function dtime_layer ( event ) { 
	pop_remain = true ; 
	hide_popup() ;
	popup_layer_id = "dtime-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	var objDtimeDesc = document.getElementById ( "dtime" );
	var dtimeTop = getTop(objDtimeDesc)+19;
	var dtimeLeft = getLeft(objDtimeDesc);
	current_layer.style.top = dtimeTop ;
	current_layer.style.left = dtimeLeft ; 
	current_layer.style.visibility = "visible" ; 
}

function btime_layer ( event ) { 
	pop_remain = true ; 
	hide_popup() ;
	popup_layer_id = "btime-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
	var objBtimeDesc = document.getElementById ( "btime" );
	var btimeTop = getTop(objBtimeDesc)+19;
	var btimeLeft = getLeft(objBtimeDesc);
	current_layer.style.top = btimeTop ;
	current_layer.style.left = btimeLeft ; 
	current_layer.style.visibility = "visible" ; 
}

function org_layer ( event ) { 
    var objOrgDesp = document.getElementById ( "orgDesp" );
	var orgDespTop = getTop(objOrgDesp)+19;
	var orgDespLeft = getLeft(objOrgDesp)-158;
	show_city_layer ( event , "orgDesp" , "org" , orgDespTop , orgDespLeft) ; 
}

function via_layer ( event ) { 
	var objViaDesp = document.getElementById ( "viaDesp" );
	var viaDespTop = getTop(objViaDesp)+19;
	var viaDespLeft = getLeft(objViaDesp)-158;
	show_city_layer ( event , "viaDesp" , "via" , viaDespTop , viaDespLeft) ; 
}

function show_city_layer ( event , cf , cc , posTop , posLeft) { 
	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 = posTop ; 
	current_layer.style.left = posLeft ; 
	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" ; 
}

function getTop(el){   
	return el == null ? 0 : (el.offsetTop + getTop(el.offsetParent));   
}  

function getLeft(el){   
	return el == null ? 0 : (el.offsetLeft + getLeft(el.offsetParent));   
}