(function(){
			function getClassName(obj,className){
				var aEle = obj.getElementsByTagName('*');
				var arr = [];
				for(var i=0;i<aEle.length;i++){
					if(aEle[i].className==className){
						arr.push(aEle[i]);
					}
				}
				return arr
			}
			function createLi(oSelect,oUlcon,data,cityName,_index){
					var len = data[cityName].length;
					for (var j=0;j<len;j++){
						 var oLi=document.createElement('li');
						 oLi.className = 'list_inner';
						 oLi.innerHTML = data[cityName][j];
						 oUlcon[_index].appendChild(oLi);
						 oUlcon[_index].style.display='block';
					}
			}
	window.citySelect=function(oName,oBtn,oSelect){
			var isAjax=true;
			var oDelete=null
			var oc=null;
			var conLi=null;
			var oUl=null;
			var data={};
			var oUlcon=null;
			var added=false;
			oBtn.onclick = function isCity(ev){
				var oEvent = ev||window.event;
				if(isAjax){
				oUl = document.createElement('div');
				var cityName=this.getAttribute('cityName');
				oUl.className = "uCity";
				oSelect.appendChild(oUl);
				var oImg = '<h3><span>请在下方选择您要出发的港口</span><i id="delete">\
				            <img src="Button_Hotcity_Close.gif"/></i></h3><ul class="list" id="listCon"><li class="active" cityName="hot"\
				            isflag="true">亚洲</li>\
				            <li cityName="Name_A" isflag="true">北美洲</li><li cityName="Name_H" isflag="true">欧洲</li>\
				            <li cityName="Name_M" isflag="true">南美洲</li><li cityName="Name_N" isflag="true">非洲</li><li cityName="Name_W" isflag="true">大洋洲</li></ul>';
				oUl.innerHTML = oImg;
					oDelete = document.getElementById('delete');
				var listCon = document.getElementById('listCon');
				    conLi = listCon.getElementsByTagName('li');
				for (var i=0;i<conLi.length;i++){
					var oDc=document.createElement('div');
					oDc.className='conDiv';
					oDc.innerHTML='<ul class="city_sort"></ul>';
					oUl.appendChild(oDc);

				}
				data=
				{'hot':['上海','曼谷','天津','厦门','东京','福冈','香港','新加坡','迪拜','阿布扎比','北京','广州','舟山','烟台','大连','多哈','三亚','台北'],'Name_A':['蒙特利尔','温哥华','魁北克','费城','波斯顿','纽约','巴尔的摩','诺福克','查尔斯顿','杰克逊维尔','奥兰多','劳德岱尔堡','迈阿密',' 坦帕','格尔夫波特','加尔维斯顿','新奥尔良','圣地亚哥','洛杉矶','旧金山','西雅图','火奴鲁鲁','惠而提'],'Name_H':['哥本哈根','阿姆斯特丹','奥斯陆','斯德哥尔摩','里斯本','巴塞罗那','马拉加','马略卡岛帕尔马','威尼斯','罗马','里窝那','萨沃纳','热那亚','的里雅斯特','雅典','汉堡','南安普敦','多佛','苏黎世','哈里奇','冰岛阿克雷里','基尔','维也纳','西雅图','马赛','布达佩斯','帕绍','伊斯坦布尔'],'Name_M':['布宜诺斯艾利斯','瓦尔帕莱索','桑托斯','乌斯怀亚','卡塔赫纳','科隆','圣胡安','圣保罗','伯利兹城','坎昆','利蒙港'],'Name_N':['开普敦','沙姆沙伊赫','开罗','马普托'],'Name_W':['奥克兰','悉尼','帕斯','帕皮提（大溪地）']}
				    oUlcon = getClassName(oSelect,'city_sort')
				var _index=0
				var _isflag = conLi[0].getAttribute('isflag');
				if(_isflag!="false"){
					createLi(oSelect,oUlcon,data,cityName,_index);
					isAjax=false;
					conLi[0].setAttribute("isflag","false");
					}
				isAjax=false;
				}
				oc=getClassName(oSelect,'uCity');
				if(!isAjax){
					oc[0].style.display='block';
				}
				oDelete.onclick = function(){
					oc[0].style.display='none';
				}
				var olist = getClassName(oSelect,'list_inner');
				function innertext(olist){
					for(var j=0;j<olist.length;j++){
					olist[j].onclick = (function(inc){
					return function(){
					oText=this.innerHTML;
					oName.value=oText;
					oUl.style.display='none';
					        }
						})(j);
					  }
					}
					innertext(olist);
				for(var i=0;i<conLi.length;i++){
					conLi[i].onclick = (function(index){
						return function(){
							var _index=index;
							var _flag = this.getAttribute("isflag");
							var cityName=this.getAttribute("cityName");
							if(_flag!="false"){
							createLi(oSelect,oUlcon,data,cityName,_index);
							conLi[index].setAttribute("isflag",false);
							}
							for(var c=0;c<conLi.length;c++){
							  	conLi[c].className="";
							  	oUlcon[c].style.display="none";
							 };
							 conLi[index].className="active";
							 oUlcon[index].style.display="block";
								var olist = getClassName(oSelect,'list_inner');
								innertext(olist);
						  }
						})(i);
					}
				oEvent.cancelBubble=true;
				}
			if(added)return;		
			var oL=document.createElement('link');
			oL.type='text/css';
			oL.rel='stylesheet';
			oL.href='city.css';
			var oHead=document.getElementsByTagName('head')[0];
			oHead.appendChild(oL);
			added=true;
			}
})()