/*firefox window.event*/
function __firefox(){
    HTMLElement.prototype.__defineGetter__("runtimeStyle", __element_style);
    window.constructor.prototype.__defineGetter__("event", __window_event);
    Event.prototype.__defineGetter__("srcElement", __event_srcElement);
}
function __element_style(){return this.style;}
function __window_event(){return __window_event_constructor();}
function __event_srcElement(){return this.target;}
function __window_event_constructor(){
    if(document.all){return window.event;};var _caller = __window_event_constructor.caller;
    while(_caller!=null){
        var _argument = _caller.arguments[0];if(_argument){var _temp = _argument.constructor;if(_temp.toString().indexOf("Event")!=-1){return _argument;}};_caller = _caller.caller;
    };return null;
}
if(window.addEventListener){__firefox();}
/*end firefox.event*/

document.write('<style>\r\
#Selec_HotelBox{margin:0;padding:0;border:1px solid #59A1DB;width:180px;font-size:12px;color:#666;background: #fff;position:absolute;z-index:10000}\r\
#Selec_HotelBox ul{margin:0;padding:0}\r\
#Select_HotelTitle{list-style:none}\r\
#Select_HotelTitle li{list-style:none;height:25px;line-height:25px;border-bottom:1px dashed #999;color:#444;padding-left:4px;background:#B9E1FF}\r\
#Select_HotelText{border:0;margin:0;padding:0;list-style:none;height:220px;overflow-y:auto;overflow-x:hidden}\r\
#Select_HotelText li{padding:1px 5px 0 5px;text-align:right;border-top:1px solid #fff;border-bottom:1px solid #fff;cursor: pointer;line-height:20px;color:#05a}\r\
#Select_HotelText p{margin:0;padding:0;float:left}\r\
#Select_HotelText li:hover{background:#E7F1FD;border-top:1px solid #8BB7DE;border-bottom:1px solid #8BB7DE}\r\
#Select_HotelText .selected{background-color:#f7F1FD}\r\
</style>')
document.write('<div id="Selec_HotelBox"><ul id="Select_HotelTitle"><li>输入中文或英文首字母进行选择</li></ul><ul id="Select_HotelText"></ul></div>')
var Hotel_object=null
function SelectHotelCity(Obj){
	Hiddselect(0);
	this.Hotel_object = Obj;
	document.getElementById("Selec_HotelBox").style.display="block"
	var layer = document.getElementById("Selec_HotelBox");
	//取得对象位置给层定位
	var t = this.Hotel_object.offsetTop,  h = this.Hotel_object.clientHeight, l = this.Hotel_object.offsetLeft,p = this.Hotel_object.type;
	while (this.Hotel_object = this.Hotel_object.offsetParent){t += this.Hotel_object.offsetTop; l += this.Hotel_object.offsetLeft;}
	var cw = layer.clientWidth, ch = layer.clientHeight;
    var dw = document.body.clientWidth, dl = document.body.scrollLeft, dh = document.body.clientHeight,dt = document.body.scrollTop;
	if (document.body.clientHeight + dt - t - h >= ch) {
        layer.style.top = ((p=="image")? t + h : t + h + 4)+'px';
    }else {
        layer.style.top  = ((t - dt < ch) ? ((p=="image")? t + h : t + h + 4) : t - ch)+'px';
    }
    if (dw + dl - l >= cw){
        layer.style.left = l+3+'px'; 
    }else{ 
        layer.style.left = ((dw >= cw) ? dw - cw + dl : dl)-4+'px';
    }
	Hotel_object = window.event.srcElement		
	document.onclick=this.Click_HiddenHotelCity;
}

function SelectHotelCityData(CityStr,CityList){
var iCityStr= CityStr
iCityStr = iCityStr.replace(" ","")
if (CityList!=null){
var CityListTemp = CityList.split("@")	
}else{
var CityListTemp = HotelCity.split("@")
}
var inhtml ="";
if (iCityStr != ""){
	for(var k=0;k<CityListTemp.length;k++){
		var CityListTempA = CityListTemp[k]
		var CityListTempB = CityListTempA.split("|")
		if (CityListTempB[0].substr(0,iCityStr.length).toUpperCase()==iCityStr.toUpperCase() || CityListTempB[1].substr(0,iCityStr.length).toUpperCase()==iCityStr.toUpperCase() || CityListTempB[2].substr(0,iCityStr.length).toUpperCase()==iCityStr.toUpperCase()){
		inhtml += '<li onclick="SelectHotelValue(\''+CityListTempB[0]+'\');"><p>'+CityListTempB[0]+'</p>'+CityListTempB[1]+'</li>'
		}
	}
}else{
	for(var k=0;k<CityListTemp.length;k++){
		var CityListTempA = CityListTemp[k]
		var CityListTempB = CityListTempA.split("|")
		inhtml += '<li onclick="SelectHotelValue(\''+CityListTempB[0]+'\');"><p>'+CityListTempB[0]+'</p>'+CityListTempB[1]+'</li>'
		}
}	
Hiddselect(0);
	document.getElementById("Select_HotelText").innerHTML = inhtml;
}

function SelectHotelHidden(){Hiddselect(1);document.getElementById("Selec_HotelBox").style.display="none";}
this.SelectHotelValue = function (Str){this.Hotel_object.value=Str;SelectHotelHidden()}
this.Click_HiddenHotelCity = function (){if(event.srcElement.id!=Hotel_object.name) SelectHotelHidden();}
SelectHotelHidden();
SelectHotelCityList="北京|Beijing|PEK@上海|Shanghai|SHA@广州|Guangzhou|CAN@深圳|Shenzhen|SZX@杭州|Hangzhou|HZG@南京|Nanjing|NKG@成都|Chengdu|CTU@香港|Hong Kong|HKG@青岛|Qingdao|TAO@武汉|Wuhan|WUH@厦门|Xiamen|XMN@大连|Dalian|DLC@重庆|Chongqing|CKG@天津|Tianjin|TSN@长沙|Changsha|CSX@西安|Xian|SIA"
SelectHotelCityData("",SelectHotelCityList);