// Suchworte anzeigen: 
// Globale Variable fuer das Request-Objekt
var req;
function loadSuchwortListe(anfang) {
   if (anfang != "")
   {
     if (req && (req.readyState == 2 || req.readyState == 3)) {
       req.abort();     // falls ein Request läuft, diesen abbrechen
     }

     loadDoc('/pages/getSuchworte.aspx?anfang='+anfang);
   }
}
function loadDoc(url) {

    if (window.XMLHttpRequest) { // Test, ob der Browser ein eingebautes XMLHttpRequest-Objekt besitzt oder...
        req = new XMLHttpRequest();

        // Event-Handler am Objekt registrieren
        req.onreadystatechange = processReqChange;

        // Request absetzen
        req.open("GET", url, true);
        req.send(null);
    } else if (window.ActiveXObject) { // ... ob er das Objekt per ActiveX implementiert

        req = new ActiveXObject("Microsoft.XMLHTTP");
        // Event-Handler am Objekt registrieren
        req.onreadystatechange = processReqChange;

        // Request absetzen
        req.open("GET", url, true);
        req.send();
    }
}
function processReqChange() {
    // falls Status "4" (complete) erreicht ist, geht's los
    if (req.readyState == 4) {
        // aber nur, falls der Server den HTTP-Statuscode 200 gesendet hat
        if (req.status == 200) {         
             // Neue Suchwort-Liste anzeigen
             showSuchwortListe();

        } else {
            alert("Fehler bei der Kommunikation mit dem Server:\n" +
                req.statusText);
        }
    }
}
function showSuchwortListe() {
    var html = "";
    var splited = req.responseText.split("|");
    for (i=0;i<splited.length;i++){
        html += "<div style='cursor:pointer' onclick='javascript:handleClick(\""+splited[i]+"\")'>" + splited[i] + "</div>"
    }
    document.getElementById("Suchwortliste").innerHTML = html;
    if (html.length > 71)
        displaySuchworte();
    else
        hideSuchworte();
}

function handleClick(Suchwort){
	if(Suchwort.substring(1,0) == " ")
		Suchwort = Suchwort.substring(Suchwort.length - 1, 1);
    document.getElementById("q").value = Suchwort;
    hideSuchworte();
	f.submit();
}

function displaySuchworte(){
    document.getElementById("Suchwortliste").style.display = "block";
    
}

function hideSuchworte(){
    document.getElementById("Suchwortliste").style.display = "none";
}