var xmlHTTP = false;

try {
    xmlHTTP = new XMLHttpRequest(); // Gecko-Engine
    } catch (w3c) {
          try {
              xmlHTTP = new ActiveXObject("Msxml2.XMLHTTP"); //neueres Protokoll fuer den Internetexplorer
          } catch(msie) {
              try {
                  xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP"); //veraltetes Protokoll fuer den Internetexplorer
              } catch (msie_alt) {
                  // falls AJAX ueberhaupt nicht verfuegbar
                  xmlHTTP = false;
              }
          }
     }



function asyncResult() {
     var target = document.getElementById("s_res");
     if (xmlHTTP.readyState==4) {
        if (xmlHTTP.status==200) {
            target.innerHTML= xmlHTTP.responseText;
         }
     }
}

function fillin(keyword) {
  var elem = document.getElementById('search');
  elem.value = keyword;
  var todelete = document.getElementById('s_res');
  todelete.parentNode.removeChild(todelete);
}

function closediv() {
 var todelete = document.getElementById('s_res');
 todelete.parentNode.removeChild(todelete);
}


function loadPage(page) {
  if(!document.getElementById("s_res")) {
     //var s_body = document.getElementsByTagName("body")[0];
     var s_body = document.getElementById("gesamtContainer");
     var obj = s_body;
     var elem = document.getElementById('search');
     var cont = document.createElement("div");
     cont.setAttribute("id","s_res");
     //cont.setAttribute("style", "z-index: 2; position: absolute; top: 200px; width: 400px; height: 300px; overflow: auto; border: 3px solid black; background-color: #ffffff;");
     //var attr = document.createAttribute("id");
     //attr.nodeValue = "s_res";
     //var attr2 = document.createAttribute("style");
     //attr2.nodeValue = "position: absolute; top: 200px; width: 400px; height: 300px; overflow: auto; border: 3px solid black; background-color: #ffffff;";
     //cont.setAttributeNode(attr);
     //cont.setAttributeNode(attr2);
     var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
		}
	}
     cont.style.left = (curleft + 17) + "px";
     s_body.appendChild(cont);
  }
  var s = document.getElementById("search");
  var sval = s.value;
  if(sval.length > 2) {
     if (xmlHTTP) {
        document.getElementById("s_res").innerHTML = '<div class="s_top"><button style="background-color: #94D329; float:right; padding-right: 5px; border: 0px;" onclick="closediv();">x<\/button>Suchen Sie vielleicht? <\/div><div class="s_body"><p>Bitte warten...<\/p><\/div>';
        xmlHTTP.open("GET", page+"?key="+sval, true);
        xmlHTTP.onreadystatechange=asyncResult;
        xmlHTTP.send(null);

     } else {
        document.getElementById("s_res").innerHTML = '<div class="s_top"><button style="background-color: #94D329; float:right; padding-right: 5px; border: 0px;" onclick="closediv();">x<\/button>Suchen Sie vielleicht? <\/div><div class="s_body"><p>leider unterstützt ihr Browser die Live-Suche nicht. Das kann daran liegen, dass ActiveX-Elemente bei Ihnen deaktiviert sind.<\/p><\/div>';
     }
   } else {
     document.getElementById("s_res").innerHTML = '<div class="s_top"><button style="background-color: #94D329; float:right; padding-right: 5px; border: 0px;" onclick="closediv();">x<\/button>Suchen Sie vielleicht? <\/div><div class="s_body"><p>Suchergebnisse werden ab einer Wortl&auml;nge von 3 Buchstaben angezeigt<\/p><\/div>';
   }
}