var CityUI = {
	/**
	 * @uid  UI容器的ID 
	 * @inputObjId  输入城市的文本区域
     * @cityArray   城市数组
	 */
	init : function(uid,inputObjId){
		
		var c = CityUI.creatContainer(uid,inputObjId);
		
		c.innerHTML = CityUI.getUtilHTML(uid,inputObjId);
		
		$('cityUI_content').innerHTML = CityUI.getProvinceHTML(uid,inputObjId);
		
	},
	reSelect : function(uid,inputObjId){
		
		$(uid+'city').innerHTML = CityUI.getUtilHTML(uid,inputObjId);
	
		$('cityUI_content').innerHTML = CityUI.getProvinceHTML(uid,inputObjId);
		
		CityUI.show(uid,inputObjId);
	},
	/**
	 * 创建主容器
	 */
	creatContainer : function(uid,inputObjId){
		var container = document.createElement("div");
		document.body.appendChild(container);
		container.id = uid+'city';
		container.className = "cityUI";
		return container;		
	},
	/**
	 *创建关闭按钮
     *提示信息
     *存放省份和城市数据的区域
	 */
	getUtilHTML : function(uid,inputObjId){
		var uHTML = '<div class="head">'
 				 + '<div class="left" id="cityUI_info">点击选择要查询的园区</div>'
 				 + '<div  class="right"><a href="javascript:;" onclick="CityUI.reSelect(\''+uid+'\',\''+inputObjId+'\')">重新选择</a>&nbsp;&nbsp;<a href="javascript:;" onclick="CityUI.close(\''+uid+'\')">关闭</a></div>'
 				 + '</div>'
 				 + '<div class="cityUI_content" id="cityUI_content"></div>';
 		return uHTML;		 
	},
	//创建省份菜单
	getProvinceHTML : function(uid,inputObjId){
		var pHTML = "<ul>";
		for(var i=0;i<cityArray.length;i++){
			pHTML +='<li><a href="javascript:;" onclick="CityUI.setValue(\''+uid+'\',\''+inputObjId+'\',\''+cityArray[i]+'\')">'+cityArray[i]+'</a></li>';
		}
		pHTML += "</ul>";
		
		return pHTML;
	},
	//创建城市菜单
	getCityHTML : function(uid,inputObjId,pValue){
		
		var cityValus = null;
		
		for(var i=0;i<cityArray.length;i++){
			if(pValue==cityArray[i].substring(0,cityArray[i].indexOf("|"))){
				cityValus = cityArray[i].substring(cityArray[i].indexOf('|')+1).split(',');
				break;
			}
		}
		
		var cHTML = "<ul>";
		if(cityValus.length==0) cHTML+= '<li><a href="javascript:;">暂无任何园区数据</a></li>'
		
		for(var i=0;i<cityValus.length;i++){
			cHTML +='<li><a href="javascript:;" onclick="CityUI.setValue(\''+uid+'\',\''+inputObjId+'\',\''+cityValus[i]+'\')">'+cityValus[i]+'</a></li>';
		}
		cHTML += "</ul>";
		
		$('cityUI_info').innerHTML = '省份:'+pValue;
		
		$('cityUI_content').innerHTML = cHTML;
		
		CityUI.show(uid,inputObjId);
		
	},
	//选中城市
	setValue : function(uid,inputObjId,value){
		$(inputObjId).value = value;
		Search.adSearch();
		$(uid+'city').style.display="none";
	},
	//关闭
	close  : function(uid){
		$(uid+'city').style.display="none";
	},
	isShow : true,
	winclose  : function(uid){
		if(!CityUI.isShow)$(uid+'city').style.display = 'none';
		CityUI.isShow = false;
	},
	//显示
	show : function(uid,inputObjId){
		//计算位置并且设置位置
		
		var container = $(uid+'city');
		var theElement = $(inputObjId);
		var selectedPosX = 0;
		var selectedPosY = $(inputObjId).offsetHeight+3;
		while (theElement != null) {
			selectedPosX += theElement.offsetLeft;
			selectedPosY += theElement.offsetTop;
			theElement = theElement.offsetParent;
			}
		container.style.top=selectedPosY +'px';
		container.style.left=selectedPosX +'px';
		container.style.display="block";
		CityUI.isShow = true;
	}
}