//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
        if (window.XMLHttpRequest) {
                return new XMLHttpRequest();
        } else if(window.ActiveXObject) {
                return new ActiveXObject("Microsoft.XMLHTTP");
        } else {
                alert("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
        }
}

//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
        if (searchReq.readyState == 4 || searchReq.readyState == 0) {
                var str = escape(document.getElementById('txtSearch').value);
                searchReq.open("GET", 'searchSuggest.php?search=' + str, true);
                searchReq.onreadystatechange = handleSearchSuggest;
                searchReq.send(null);
        }
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
        if (searchReq.readyState == 4) {
                var ss = document.getElementById('search_suggest')
                ss.innerHTML = '';
                var str = searchReq.responseText.split("\n");
                for(i=0; i < str.length - 1; i++) {
                        //Build our element string.  This is cleaner using the DOM, but
                        //IE doesn't support dynamically added attributes.
                        var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
                        suggest += 'onmouseout="javascript:suggestOut(this);" ';
                        suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
                        suggest += 'class="suggest_link">' + str[i] + '</div>';
                        ss.innerHTML += suggest;
                }
                if (i==0) {
                        ss.style.visibility  = "hidden";
                } else {
                        ss.style.visibility  = "visible";
                }
                //Schließen link einfügen
                ss.innerHTML += '<p align="right"><a onmouseover="javascript:suggestOver(this);" onmouseout="javascript:suggestOut(this);" onClick="javascript:suggestClose(this);" class="suggest_link"><b>X X X</b></a></p>';
        }
}
// Close Function
function suggestClose (div_value) {
        document.getElementById('search_suggest').innerHTML = '';
        document.getElementById('search_suggest').style.visibility  = "hidden";
}

//Mouse over function
function suggestOver(div_value) {
        div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
        div_value.className = 'suggest_link';
}
//Click function
function setSearch(value) {
        // HTML-TAGS entfernen
          var newvalue = value.replace(/<.*?>/gi, '');
        //Kategorienamen entfernen (fängt mit &nbsp; an)
        var Suche =        newvalue.indexOf("&nbsp;");
        var produktname = newvalue.substring(0,Suche);
        document.getElementById('txtSearch').value = produktname;
        document.getElementById('search_suggest').innerHTML = '';
        document.getElementById('search_suggest').style.visibility  = "hidden";
        //zum Suchergebnis weiterleiten
        top.location.href = "http://www.gudjons-shop.com/advanced_search_result.php?keywords=" + produktname;
}