var suggestions = new Array();
	var outp;
	var oldins;
	var posi = -1;
	var words = new Array();
	var input;
	var key;
	var xPos;
	var yPos;
	var iMaxResults;
	var initial;

	function setVisible(visi){
		var x = document.getElementById("shadow");
		/*var t = document.getElementById("_dir_s_city_name");
		//x.style.position = 'absolute';
		x.style.top =  (findPosY(t)+3)+"px";
		x.style.left = (findPosX(t)+2)+"px";*/
		x.style.top =  xPos + "px";
		x.style.left = yPos + "px";
		/*var iTemp = parseInt(xPos) + 20;
		x.style._top =  iTemp + "px";*/
		x.style.visibility = visi;
	}

	function init(xIn, yIn, iMax){
		this.xPos = xIn;
		this.yPos = yIn;
		this.iMaxResults = iMax;
		outp = document.getElementById("output");
		window.setInterval("lookAt()", 100);
		setVisible("hidden");
		document.onkeydown = keygetter; //needed for Opera...
		document.onkeyup = keyHandler;
		initial = document.InmediaFrm._dir_s_city_name.value;
	}

	function findPosX(obj)
	{
		var curleft = 0;
		if (obj.offsetParent){
			while (obj.offsetParent){
				curleft += obj.offsetLeft;
				obj = obj.offsetParent;
			}
		}
		else if (obj.x)
			curleft += obj.x;
		return curleft;
	}

	function findPosY(obj)
	{
		var curtop = 0;
		if (obj.offsetParent){
			curtop += obj.offsetHeight;
			while (obj.offsetParent){
				curtop += obj.offsetTop;
				obj = obj.offsetParent;
			}
		}
		else if (obj.y){
			curtop += obj.y;
			curtop += obj.height;
		}
		return curtop;
	}
	
	function lookAt(){
		var ins = document.getElementById("_dir_s_city_name").value;
		if (ins != initial) {
			if (oldins == ins) return;
			else if (posi > -1);
			else if (ins.length > 3){
				words = getWord(ins);
				if (words.length > 0){
					clearOutput();
					for (var i=0;i<words.length; ++i) addWord (words[i]);
					setVisible("visible");
					input = document.getElementById("_dir_s_city_name").value;
				}
				else{
					setVisible("hidden");
					posi = -1;
				}
			}
			else{
				setVisible("hidden");
				posi = -1;
			}
			oldins = ins;
		}
	}
	
	function addWord(word){
		var sp = document.createElement("div");
		sp.appendChild(document.createTextNode(word));
		sp.onmouseover = mouseHandler;
		sp.onmouseout = mouseHandlerOut;
		sp.onclick = mouseClick;
		outp.appendChild(sp);
	}
	
	function clearOutput(){
		while (outp.hasChildNodes()){
			noten=outp.firstChild;
			outp.removeChild(noten);
		}
		posi = -1;
	}
	
	function getWord(beginning){
	
		var oAjax = new WBE_AjaxClass();
		var oXmlDoc;
		oAjax.addPostParameter("city_name", beginning);
		var iProv = document.InmediaFrm._dir_sel_province[document.InmediaFrm._dir_sel_province.selectedIndex].value;
		oAjax.addPostParameter("province_id", iProv);
		oXmlDoc = oAjax.throwEventXML("dir_getcities_xml");
	
		var cities = oXmlDoc.getElementsByTagName("city");
		//if (cities.length > 20) return new Array();
		var words = new Array()
		for (var i = 0; i < cities.length; ++i){
			words[i] = cities[i].firstChild.nodeValue;
		}
		return words;
	}
	
	function setColor (_posi, _color, _forg){
		outp.childNodes[_posi].style.background = _color;
		outp.childNodes[_posi].style.color = _forg;
	}
	
	function keygetter(event){
		if (!event && window.event) event = window.event;
		if (event) key = event.keyCode;
		else key = event.which;
	}
		
	function keyHandler(event){
		if (document.getElementById("shadow").style.visibility == "visible"){
			var textfield = document.getElementById("_dir_s_city_name");
			if (key == 40){ //Key down
				//alert (words);
				if (words.length > 0 && posi < words.length-1){
					if (posi >=0) setColor(posi, "#fff", "black");
					else input = textfield.value;
					setColor(++posi, "#0A246A", "white");
					textfield.value = outp.childNodes[posi].firstChild.nodeValue;
				}
			}
			else if (key == 38){ //Key up
				if (words.length > 0 && posi >= 0){
					if (posi >=1){
						setColor(posi, "#fff", "black");
						setColor(--posi, "#0A246A", "white");
						textfield.value = outp.childNodes[posi].firstChild.nodeValue;
					}
					else{
						setColor(posi, "#fff", "black");
						textfield.value = input;
						textfield.focus();
						posi--;
					}
				}
			}
			else if (key == 27){ // Esc
				textfield.value = input;
				setVisible("hidden");
				posi = -1;
				oldins = input;
			}
			else if (key == 8){ // Backspace
				posi = -1;
				oldins=-1;
			}
			else if (key == 13){ // enter
				try {
					textfield.value = outp.childNodes[posi].firstChild.nodeValue;
					setVisible("hidden");
					posi = -1;
					oldins = textfield.value;
					initial = oldins;
				} catch (e) {
					___DirectoryCmd_Search('listado_empresas.html');
				}
			}
		}
	}
	
	var mouseHandler=function(){
		for (var i=0;i<words.length;++i)
			setColor (i, "white", "black");
	
		this.style.background = "#0A246A";
		this.style.color= "white";
	}
	
	var mouseHandlerOut=function(){
		this.style.background = "white";
		this.style.color= "black";
	}
	
	var mouseClick=function(){
		document.getElementById("_dir_s_city_name").value = this.firstChild.nodeValue;
		setVisible("hidden");
		posi = -1;
		oldins = this.firstChild.nodeValue;
	}