function StartSearch() {
    var searchstring = document.getElementById("ctl00_SearchField").value;
    if (searchstring == '') return false;
    var searchurl = "http://" + window.location.host + "/search.aspx?query=" + searchstring;
    window.location = searchurl;
}

YAHOO.example.BasicRemote = function () {
    // Use an XHRDataSource
    var oDS = new YAHOO.util.XHRDataSource("/search/searchHandler.ashx");
    // Set the responseType
    oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT;
    // Define the schema of the delimited results
    oDS.responseSchema = {
        recordDelim: "\n",
        fieldDelim: "\t"
    };
    // Enable caching
    oDS.maxCacheEntries = 0;

    // Instantiate the AutoComplete
    var oAC = new YAHOO.widget.AutoComplete("ctl00_SearchField", "myContainer", oDS);
    oAC.resultTypeList = false;
    oAC.autoHighlight = false;
    

    oAC.doBeforeLoadData = function (sQuery, oResponse, oPayload) {
        // render sluitbtutton	            
        htmlstring = "";
        counter = 0;
        suggestiecounter = 0;
        //if (!oResponse.results) return false;
        // render artikelen LAYOUT !!!
        for (i = 0; i < oResponse.results.length; i++) {
            currResult = oResponse.results[i];
            if (currResult[4] == "Artikel") {
                var friendlyUrl = true;
                if (friendlyUrl == true) {
                    tmp = "<span class='resultMatch article'><span class='resultData'><a href ='" + currResult[2] + "?q=" + sQuery + "' class='clearfix'><img src='" + currResult[1] + "' alt='' width='35' height='" + currResult[3] + "' /><span class='text'>" + currResult[0] + "</span></a></span></span>";
                } else {
                    tmp = "<span class='resultMatch article'><span class='resultData'><a href ='" + currResult[2] + "?q=" + sQuery + "' class='clearfix'><img src='" + currResult[1] + "' alt='' width='35' height='" + currResult[3] + "' /><span class='text'>" + currResult[0] + "</span></a></span></span>";
                }
                htmlstring += tmp;
                counter++;
            }
            else if (currResult[4] == "Zoekterm") {
                suggestiecounter++;
            }
        }
        if (counter > 0) {
            // render een seperator voor de artikelen LAYOUT !!!
            var sep = "<span class = 'header'><span class='resultData'>Populaire zoekresultaten</span></span>";
            var index = oResponse.results.length - counter;
            htmlstring = sep + htmlstring;
            oResponse.results.splice(index, counter);
            oAC.setFooter(htmlstring);
        }
        else {
            oAC.setFooter(null);
        }
        if (suggestiecounter > 0) {
            oAC.setHeader("<b>Zoek suggesties</b>");
        }
        else {
            oAC.setHeader(null);
        }

        return true;
    };

    var myHandler = function (sType, aArgs) {
        var myAC = aArgs[0]; // reference back to the AC instance
        var elLI = aArgs[1]; // reference to the selected LI element
        var oData = aArgs[2]; // object literal of selected item's result data
        if (oData[2] == "True") {
            location.href = "http://www.willie.nl" + oData[1] + "?q=" + oData[0];
        }
        else {
            location.href = "http://www.willie.nl/search.aspx?query=" + oData[0];
        }
    };
    oAC.itemSelectEvent.subscribe(myHandler);

    return {
        oDS: oDS,
        oAC: oAC
    };
} ();