YAHOO.util.Event.onDOMReady(function() {
    YAHOO.example.BasicLocal = function() {
        // Use a LocalDataSource
        var oDS = new YAHOO.util.LocalDataSource(YAHOO.example.Data.arrayConditions);
         //oDS.responseType = YAHOO.util.XHRDataSource.TYPE_JSARRAY; 
         oDS.responseSchema = {fields: ["term", "page"]};
         
        // Instantiate the AutoComplete
        var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS);
        oAC.queryMatchContains = true;
        oAC.queryMatchCase = false;
        oAC.resultTypeList = false;
        oAC.maxResultsDisplayed = 35;
        oAC.prehighlightClassName = "yui-ac-prehighlight";
        oAC.useShadow = true;
        //debugger;
        oAC.textboxFocusEvent.subscribe(function(e, args) {
            var me = args[0];
            if (!me.initialClear) {
                var conditionBox = me.getInputEl();
                conditionBox.value = "";
                me.initialClear = true;
            }
        });
        oAC.formatResult = function(oResultData, sQuery, sResultMatch) {
            var sPre = sResultMatch.substring(0, sResultMatch.toLowerCase().indexOf(sQuery.toLowerCase()));
            var sSuf = sResultMatch.substring(sQuery.length + sPre.length);
            var sRes = sResultMatch.substring(sPre.length, sPre.length+sQuery.length);
            //var sKey = sResultMatch;
            //var sKeyRemainder = sKey.substr(sQuery.length);
            //var moreData1 = oResultData.moreData1;
            //var moreData2 = oResultData.moreData2;
            
            var aMarkup = ["<div class='myCustomResult'>",
                sPre,
                "<span style='font-weight: bold'>",
                sRes,
                "</span>",
                sSuf,
                //": ",
                //moreData1,
                //", ",
                //moreData2,
                "</div>"];
            return (aMarkup.join(""));
        }
        oAC.itemSelectEvent.subscribe(function(e, args) {
            window.location = args[2].page;
            //console.log("<a href=\"" + args[2].page + "\">" + args[1].term + "</a>");
        });
    }();
});