document.onclick = try_hide_popup ; 

city_panel_setup ( 200 , 100 , "选择通航城市" , "city-panel" ) ;
airline_panel_setup ( 200 , 170 , "airline-panel" ) ; 
time_panel_setup ( 100, 100 , "start-panel" ,"start_pull") ; 
time_panel_setup ( 100, 100 , "back-panel" ,"arr_pull") ; 

var pop_remain = false ;
var popup_layer_id = 0 ; 

document.getElementById ( "org_pull" ) . onclick = org_layer ; 
document.getElementById ( "dst_pull" ) . onclick = dst_layer ;
document.getElementById ( "via_pull" ) . onclick = via_layer ;
document.getElementById ( "airline_pull" ) . onclick = airline_layer ; 
document.getElementById ( "start_pull" ) . onclick = start_layer ;
document.getElementById ( "arr_pull" ) . onclick = back_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 objOrgDesp = document.getElementById ( "airline_desc" );
	var orgDespTop = getTop(objOrgDesp)+19;
	var orgDespLeft = getLeft(objOrgDesp);
	current_layer.style.top = orgDespTop ; 
	current_layer.style.left = orgDespLeft ; 
	current_layer.style.visibility = "visible" ; 
}

function start_layer ( event ) { 
	pop_remain = true ; 
    popup_layer_id = "start-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
    var objOrgDesp = document.getElementById ( "startTime" );
	var orgDespTop = getTop(objOrgDesp)+19;
	var orgDespLeft = getLeft(objOrgDesp);
	current_layer.style.top = orgDespTop ; 
	current_layer.style.left = orgDespLeft ; 
	current_layer.style.visibility = "visible" ; 
}

function back_layer ( event ) { 
	pop_remain = true ; 
    popup_layer_id = "back-panel" ;
	var current_layer = document.getElementById ( popup_layer_id ) ; 
    var objOrgDesp = document.getElementById ( "arrTime" );
	var orgDespTop = getTop(objOrgDesp)+19;
	var orgDespLeft = getLeft(objOrgDesp);
	current_layer.style.top = orgDespTop ; 
	current_layer.style.left = orgDespLeft ; 
	current_layer.style.visibility = "visible" ; 
}

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

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

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


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" ; 
}

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

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