function city(v,t,h){
	this.value =v;
	this.text =t;
	this.isHot = h;
}

function cls_inputBox(){
	this.cityArr=[]; 
	
	this.add=function(value,text,type,isHot){
		var leng = this.cityArr.length;
		this.cityArr[leng] = new city(value,text,type,isHot);
	};
	this.name=function(key){
		for(var i=0;i<this.cityArr.length;i++){
			if(this.cityArr[i].value==key){
				return this.cityArr[i].text;
			}
		}
		return "";
	};
	this.tvalue=function(t,idx){
		var n=0;
		for(var i=0;i<this.cityArr.length;i++){
			if(this.cityArr[i].type==t){
				if(n==idx){
					return this.cityArr[i].value;
				}
				n++;
			}
		}
		return "";
	}
}

var cList = new cls_inputBox();

function getCityData(){
	for (var j = 0; j<stopstr.length;j++){
			var t=stopstr[j];
				cList.add(t,t,0);
		}
}
getCityData();


/*
 ** ------------------ 程序部分 ----------------------
*/

/*
 ** public function --------------------------------------------
*/
function $obj(element){
    if(typeof element == "string"){
		return document.getElementById(element);
	}else{
		return null;
	}
}

function cElement(tagName){
	return document.createElement(tagName);
}

function offsetPosition(oObj){
 	var left = oObj.offsetLeft;
	var top = oObj.offsetTop;
	var oObjHeight = oObj.offsetHeight;

	var valueT = 0, valueL = 0;
    do{
		valueT += oObj.offsetTop  || 0;
		valueL += oObj.offsetLeft || 0;
		oObj = oObj.offsetParent;
    }while(oObj);
	 
	return {"left":valueL,"top": valueT + oObjHeight};
}

String.prototype.trim = function(){return this.replace(/(^\s+)|\s+$/g,"");};   
  
var selectMsg = "";// "Please input a city or select one from the list!";
var noRecordMsg ="";// "The city you input doesn't exist, please input or select a valid one!";
		
function focusEle(inputObj){
	this.div = null;
	this.iframe = null;
	this.inputObj  = inputObj;
	
	var div = cElement("div");
		
	var msgDiv = cElement("div");
		msgDiv.innerHTML = selectMsg;
	
	this.msgDiv = msgDiv;
	
	var objIframe = cElement("iframe");
	objIframe.src = "/china-trains/js/m_InputBox.htm";
	objIframe.frameBorder = 0;
	objIframe.width = "168px";
	objIframe.height = "180px";
	
	with(msgDiv.style){
		width = objIframe.width + "px";
		backgroundColor = "#FFFAE4";
		color = "#F10112";
		wordWrap = "break-word";
		display = "none";
	}
	
	div.appendChild(msgDiv);
	div.appendChild(objIframe);

	this.div = div;
	this.iframe = objIframe;
	
	document.body.appendChild(div);
	var poxx = offsetPosition(inputObj);
	with(div.style){
		display = "none";
		position = "absolute";
		margin = "1px 0 0 0";
	}
}



function reFocus(){
	this.foucsIndex = -1;

	this.listDB = [];
	
	this.create = function(inputObj){
		inputObj = $obj(inputObj);
		
		var fe = new focusEle(inputObj);
		var leng = this.listDB.length;
		this.listDB[leng] = {};
		object = this;
		this.listDB[leng].Obj = fe;
		this.listDB[leng].inputObj = inputObj;
		object.listDB[leng].isfocus = 0;

		inputObj.autocomplete = "off";
		
		inputObj.onkeydown = function(event){
			e=window.event?window.event:arguments[0];
			var inputKeyCode = e.keyCode || e.which;
			try{
				if(object.listDB[object.focusIndex].Obj.div.style.display == "none"){
					object.initEvent(object.focusIndex);
				}
			}catch(e){
				return false;
			}

			// 监听向上键
			if (inputKeyCode == 38) {	
				object.keysUp();
				return false;
			}
			// 监听向下键
			if (inputKeyCode == 40){
				object.keysDown();
				return false;
			}
			// enter 键
			if (inputKeyCode == 13){
				var childNodes = object.listDB[leng].resultObj.getElementsByTagName("li");
				if (childNodes.length > 0){
					object.listDB[object.focusIndex].inputObj.value = childNodes[object.listDB[object.focusIndex].cursor].innerHTML;
					object.listDB[object.focusIndex].lastValue = childNodes[object.listDB[object.focusIndex].cursor].innerHTML;
				}
				object.closeShowBox(object.focusIndex);
				return false;
			}
		}

		inputObj.onclick = function(){
			object.initEvent(leng);
		}
		
		inputObj.onfocus = function(){
			object.initEvent(leng);
		}
	}

	this.initEvent = function(leng){
		object.focusIndex = leng;
		object.checkFocus(leng);

		object.listDB[leng].Obj.div.style.display = "none";
		object.listDB[leng].isfocus = 0;
		object.listDB[leng].isBlur = 0;
		object.listDB[leng].lastValue = "";

		try{
			object.listDB[leng].resultObj = object.listDB[leng].Obj.iframe.contentWindow.getObject();
		}catch (e){
			return false;
		}	
		
		var poxx = offsetPosition(object.listDB[leng].inputObj);
		with(object.listDB[leng].Obj.div.style){
			//display = "none";
			top = poxx.top + "px";
			left = poxx.left + "px";
			position = "absolute";
			padding = "1px";
			background = "#FFFFFF";
			border = "1px solid #80a66e";
		}

		document.onclick = function (){
			object.listDB[leng].Obj.div.style.display = "none";
		}
		
		object.listDB[leng].inputObj.onblur = function(){
			object.listDB[leng].isBlur = 1;
			object.checkBlur(leng);
		}

		object.listDB[leng].Obj.div.onmouseover = function(){
			object.listDB[leng].isfocus = 1;
		}

		object.listDB[leng].Obj.div.onmouseout = function(){
			object.listDB[leng].isfocus = 0;
			document.onclick = function(){
				object.listDB[leng].Obj.div.style.display = "none";
			}
		}

/*
**     输入监测区
*/
		if (object.listDB[leng].inputObj.value == ""){
			object.hotCity();
		}
		object.listDB[leng].intervalHandle = window.setInterval(object.filter,100);
	}
	
	this.filter = function (){
		inputValue = object.listDB[object.focusIndex].inputObj.value.Trim();
		lastValue = object.listDB[object.focusIndex].lastValue.Trim();
		if (inputValue.toLowerCase() != lastValue.toLowerCase()&&inputValue!=""){
			list = cElement("ul");
			var cNum = 0;
			var div = cElement("div");
			var inputLeng = inputValue.length;
		
			object.listDB[object.focusIndex].lastValue = inputValue;		
			for(var i =0; i<cList.cityArr.length;i++){
				if (cList.cityArr[i].text.substr(0,inputLeng).toLowerCase() == inputValue.toLowerCase() || cList.cityArr[i].value.substr(0,inputLeng).toLowerCase() == inputValue.toLowerCase()){
					var lis = document.createElement("li");
					lis.innerHTML = cList.cityArr[i].text;
					lis.setAttribute ("va",cList.cityArr[i].value);
					list.appendChild(lis);
					cNum ++;
				}
			}
			
			if (cNum>0){
							if(object.listDB[object.focusIndex].Obj.div.style.display=="none")
			{
			object.listDB[object.focusIndex].Obj.div.style.display = "block";
			}
				div.appendChild(list);
				object.listDB[object.focusIndex].resultObj.innerHTML = div.innerHTML;
				object.listDB[object.focusIndex].cursor = 0;
				object.displayResult();
			}else{
				object.listDB[object.focusIndex].Obj.div.style.display=="none"
				object.listDB[object.focusIndex].Obj.msgDiv.innerHTML = noRecordMsg;
			}
		}
		else if(inputValue.Trim()=="")
		{
		object.listDB[object.focusIndex].Obj.div.style.display = "none";
		}
	}

	this.hotCity = function (){
		list = cElement("ul");
		var cNum = 0;
		var div = cElement("div");

		for(var i =0; i<cList.cityArr.length;i++){
			if (cList.cityArr[i].isHot == 1){
				var lis = document.createElement("li");
				lis.innerHTML = cList.cityArr[i].text;
				lis.setAttribute ("va",cList.cityArr[i].value);
				list.appendChild(lis);
				cNum ++;
			}	
		}	
	//	if (cNum>0){	
		div.appendChild(list);
		
		object.listDB[object.focusIndex].resultObj.innerHTML = div.innerHTML;
		object.listDB[object.focusIndex].cursor = 0;
		object.displayResult();
		//}
		//else{
		
			//	object.listDB[object.focusIndex].Obj.div.style.display="none";
				//	alert(object.listDB[object.focusIndex].Obj.div.style.display);
		//	}
		}
	
	this.displayResult = function (){
		var childNodes = object.listDB[object.focusIndex].resultObj.getElementsByTagName("li");
	
		for ( var i = 0;i<childNodes.length;i++){
			childNodes[i].setAttribute("idx",i);
			with (childNodes[i].style){
				padding ="2px 0 2px 3px";
				color = "#686868";
			}
			
			childNodes[i].onmouseover = function (){
				var childNodes = object.listDB[object.focusIndex].resultObj.getElementsByTagName("li");
				childNodes[object.listDB[object.focusIndex].cursor].onmouseout();
				object.listDB[object.focusIndex].cursor = this.getAttribute("idx");
				with (this.style){
					backgroundColor = "#FFEAAB";
					color = "#8F2C0F";
				}
			}
			
			childNodes[i].onmouseout = function (){
				with (this.style){
					backgroundColor = "#FFFFFF";
					color = "#686868";
				}
			}
			
			childNodes[i].onclick = function (){
				object.listDB[object.focusIndex].inputObj.value = this.innerHTML;
				object.listDB[object.focusIndex].lastValue=this.innerHTML;
				object.closeShowBox(object.focusIndex);
			}
		}
		if(childNodes[0])	
		childNodes[0].onmouseover();
	}

	this.keysUp = function (){
		var childNodes = object.listDB[object.focusIndex].resultObj.getElementsByTagName("li");
		leng = childNodes.length;
		
		childNodes[object.listDB[object.focusIndex].cursor].onmouseout();
		
		if(object.listDB[object.focusIndex].cursor> 0){
			object.listDB[object.focusIndex].cursor --;
			childNodes[object.listDB[object.focusIndex].cursor].onmouseover();
		}else{
			object.listDB[object.focusIndex].cursor = leng-1;
			childNodes[object.listDB[object.focusIndex].cursor].onmouseover();
		}
	}

	this.keysDown = function (){
		var childNodes = object.listDB[object.focusIndex].resultObj.getElementsByTagName("li");
		leng = childNodes.length;
		childNodes[object.listDB[object.focusIndex].cursor].onmouseout();
		if (object.listDB[object.focusIndex].cursor <leng-1){
			object.listDB[object.focusIndex].cursor ++;
			childNodes[object.listDB[object.focusIndex].cursor].onmouseover();
		}else{
			object.listDB[object.focusIndex].cursor = 0;
			childNodes[object.listDB[object.focusIndex].cursor].onmouseover();
		}
	}

	this.checkFocus = function (leng){
		for(var i = 0;i<this.listDB.length;i++){
			if (i != leng){
				this.closeShowBox(i);
			}
		}
	}

	this.checkBlur = function (leng){
		if(this.listDB[leng].isfocus != 1){
			this.closeShowBox(leng);
		}	
	}
	
	this.closeShowBox  = function (leng){
		window.clearInterval(object.listDB[leng].intervalHandle);
		object.listDB[leng].Obj.div.style.display = "none";
		document.onclick = function (){
			object.listDB[leng].Obj.div.style.display = "none";
		}
	}
}