var ElemCN = null;var ElemZC = null;var httpObj = null;var isDo = false;var inf = null;var ua = navigator.userAgent.toLowerCase();var bs = ua.indexOf("opera") != -1;var m1 = ua.indexOf("msie") != -1 && (document.all&&!bs);var m2 = ua.indexOf("msie 5")!= -1 && document.all;var Ad = "jsbin/webcontrol.dat";var InfCursor = false;var ItemPos = 0;function GethttpObj()
{
var a=null;if(window.ActiveXObject)
{
var b = m2 ? "Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try
{
a = new ActiveXObject(b)
}
catch(c)
{
alert("Sie müssen Active Scripting und ActiveX-Steuerelemente aktivieren.");
}

}
if (window.XMLHttpRequest)
{
a = new XMLHttpRequest();if(!a)
{
alert("XMLHttpRequest wird in diesem Browser nicht unterstützt.");
}

}
return a
}
function GetData() 
{
ItemPos = 0;if (!isDo) 
{
  isDo = true; httpObj.open("GET", Ad+"?q="+ElemCN.value, true);  httpObj.onreadystatechange = CallBack; httpObj.send(null); 
}

}
function CallBack()
{
if (httpObj.readyState == 4)
{
  if (httpObj.status == 200) 
{
 if (httpObj.responseText.length > 1) inf.style.display="block"; else 
 inf.style.display="none";
 inf.innerHTML = httpObj.responseText;   
}
 else 
{
 alert('Es ist ein Problem aufgetreten.'); 
}
isDo = false;
}

}
function pInit()
{
ElemCN = document.getElementById("cityname");ElemZC = document.getElementById("zipcode");httpObj = GethttpObj();inf=document.createElement("DIV");inf.id="inf";
inf.style.display="none";

inf.style.position="absolute";inf.style.left = cord(ElemCN,true);inf.style.top = cord(ElemCN,false)+ElemCN.offsetHeight-1;inf.style.width = length(ElemCN.offsetWidth);if (document.addEventListener)
{
ElemCN.addEventListener("keyup",KeyUp, true);ElemCN.addEventListener("change",OnChange, true);inf.addEventListener("mousedown",InfDown, true);inf.addEventListener("mouseup",InfUp, true);
}
else
{
ElemCN.attachEvent("onkeyup",KeyUp);ElemCN.attachEvent("onchange",OnChange);inf.attachEvent("onmousedown",InfDown);inf.attachEvent("onmouseup",InfUp);
}
document.body.appendChild(inf);
}
function length(l)
{
if (!m1)l-= 2;return l;
}
function cord(a,aa)
{
var ab=0;while(a!=null)
{
ab+=a["offset"+(aa?"Left":"Top")];a=a.offsetParent
}
return ab;
}
function OnChange(event)
{
    if (inf!=null && !InfCursor)
    inf.style.display="none";
}
function KeyUp(event)
{
if (!event)event = window.event;if(event.keyCode==38)KeyNav(true);if(event.keyCode==40)KeyNav(false);if (event.keyCode!=38 && event.keyCode!=40)GetData();
}
function ClearNav()
{
try
{
for(i=1; i<=10; i++)
{
var Item = document.getElementById("tr"+i);Item.style.backgroundColor="";Item.style.color="";
}

}
 catch(e) 
{

}

}
function KeyNav(move)
{
if (inf.style.display == "none")return;ClearNav();if(move)
{
if (ItemPos>1)ItemPos--;
}
if(!move)
{
if (document.getElementById("td1-"+(ItemPos+1))!=null)ItemPos++;
}
if (ItemPos>0)
{
var Item = document.getElementById("tr"+ItemPos);Item.style.backgroundColor="#D30707";Item.style.color="#ffffff";var o = document.getElementById("td1-"+ItemPos).innerHTML;var p = document.getElementById("td2-"+ItemPos).innerHTML; ItemClick(o,p);
}

}
function ItemClick(o,p)
{
ElemCN.value=o;ElemZC.value=p;
}
function ItemOver(num)
{
ClearNav();var Item = document.getElementById("tr"+num);Item.style.backgroundColor="#D30707";Item.style.color="#ffffff";
}
function ItemOut(num)
{
var Item = document.getElementById("tr"+num);Item.style.backgroundColor="#ffffff";Item.style.color="#000000";
}
function InfDown(event)
{
InfCursor = true;
}
function InfUp(event)
{
inf.style.display="none";
InfCursor = false;
}