/*
 * oTextBoxID: az input elem ID-ja
 * oLayerID: a dropdown div ID-ja
 * oProvider: a generalt felajanlasi lista,
 * oDefaultSearchText: az alapbol kiirando 'Kereses' szoveg, ez bekattintva eltunik, uresen kikattintva megjelenik

pl:
CRON: generalo CRON-hoz lasd a cron_suggest.php-t peldanak, ebben az SQL-t testre kell majd szabni, meg file nevet is
Megjelenites:

    if (file_exists(_CACHE_DIR."autosuggest_data.js")) {
		$api->addScriptFile(_CACHE_URL."autosuggest_data.js");
		$api->addScriptFile("libs/autosuggest.js");
		$api->addJS("var oTextboxHeader = new AutoSuggestControl('suggest_text', new LabelSuggestions(), 'suggest_search', '$defaultSearchText' );");
	}
*/
function AutoSuggestControl(oTextboxID /*:HTMLInputElementID*/, oProvider /*:SuggestionProvider*/, oLayerID, oDefaultSearchText) {
    //this.mode = oMode;
    //this.domi = oDomi;
    this.cur = -1; //The currently selected suggestions.
    //this.layer = null; //The dropdown list layer.
    this.layer = document.getElementById(oLayerID);
    this.defaultSearchText = oDefaultSearchText;
    this.provider = oProvider; //Suggestion provider for the autosuggest feature.
    this.textbox = document.getElementById(oTextboxID); //The textbox to capture.
    this.init(); //initialize the control
}

AutoSuggestControl.prototype.autosuggest = function (aSuggestions /*:Array*/, bTypeAhead /*:boolean*/) {
    if (aSuggestions.states.length > 0) //make sure there's at least one suggestion
        this.showSuggestions(aSuggestions);
    else
        this.hideSuggestions();
};

AutoSuggestControl.prototype.createDropDown = function () {
    var oThis = this;
    this.layer.onmousedown =
    this.layer.onmouseup =
    this.layer.onmouseover = function (oEvent) {
        oEvent = oEvent || window.event;
        oTarget = oEvent.target || oEvent.srcElement;
        if (oEvent.type == "mousedown") {
            if(oTarget.nodeName=='DIV'){
            	oThis.textbox.value = oTarget.firstChild.nodeValue;
			}else if(oTarget.nodeName=='B'){
				oThis.textbox.value = oTarget.firstChild.nodeValue;
			}else if(oTarget.nodeName=='SPAN'){
				//oThis.textbox.value = oTarget.parentNode.firstChild.firstChild.nodeValue;
                oThis.textbox.value = oTarget.parentNode.firstChild.nodeValue;
			}
            oThis.sendSuggestion();
        } else if (oEvent.type == "mouseover") {
            oThis.highlightSuggestion(oTarget);
        } else {
            oThis.textbox.focus();
        }
    };
};

AutoSuggestControl.prototype.handleKeyDown = function (oEvent /*:Event*/) {
    var error = false;
    switch(oEvent.keyCode) {
        case 38: this.previousSuggestion(); break; //up arrow
        case 40: this.nextSuggestion();  break; //down arrow
        //case 13: this.hideSuggestions(); break; //enter
        case 13: this.sendSuggestion(); break; //enter
        case 27: this.hideSuggestions(); break; //escape
    }
};

AutoSuggestControl.prototype.handleKeyUp = function (oEvent /*:Event*/) {
    var iKeyCode = oEvent.keyCode;
    if (iKeyCode == 8 || iKeyCode == 46) { //for backspace (8) and delete (46), shows suggestions without typeahead
        this.provider.requestSuggestions(this, false);
    } else if (iKeyCode < 32 || (iKeyCode >= 33 && iKeyCode < 46) || (iKeyCode >= 112 && iKeyCode <= 123)) { //make sure not to interfere with non-character keys
        //ignore
    } else { //request suggestions from the suggestion provider with typeahead
        this.provider.requestSuggestions(this, true);
    }
    if ( iKeyCode != 13 ) {
        if ( this.provider.isMatch(this.textbox.value) )        this.textbox.className = 'forminput forminput_ok';
        else                                                    this.textbox.className = 'forminput forminput_edit';
    }
};

AutoSuggestControl.prototype.hideSuggestions = function () {
    this.layer.style.visibility = "hidden";
};

AutoSuggestControl.prototype.highlightSuggestion = function (oSuggestionNode) {
    for (var i=0; i < this.layer.childNodes.length; i++) {
        var oNode = this.layer.childNodes[i];
        if (oNode == oSuggestionNode || oNode == oSuggestionNode.parentNode) {
            oNode.className = "current";
            this.cur = i;
        } else if (oNode.className == "current") {
            oNode.className = "";
        }
    }
};

AutoSuggestControl.prototype.init = function () {
    var oThis = this; //save a reference to this object
    this.textbox.onkeyup = function (oEvent) { //assign the onkeyup event handler
        if (!oEvent) oEvent = window.event; //check for the proper location of the event object
        oThis.handleKeyUp(oEvent); //call the handleKeyUp() method with the event object
    };
    this.textbox.onkeydown = function (oEvent) { //assign onkeydown event handler
        if (!oEvent) oEvent = window.event; //check for the proper location of the event object
        oThis.handleKeyDown(oEvent); //call the handleKeyDown() method with the event object
    };
    this.textbox.onblur = function () { //assign onblur event handler (hides suggestions)
        if (this.value.replace(/ /g, '') == '' && oThis.defaultSearchText) this.value = oThis.defaultSearchText;
        oThis.hideSuggestions();
    };
    this.textbox.onfocus = function () {
        if (this.value == oThis.defaultSearchText && oThis.defaultSearchText) this.value = '';
    }
    this.createDropDown(); //create the suggestions dropdown
};

AutoSuggestControl.prototype.nextSuggestion = function () {
    var cSuggestionNodes = this.layer.childNodes;
    if (cSuggestionNodes.length > 0 && this.cur < cSuggestionNodes.length-1) {
        var oNode = cSuggestionNodes[++this.cur];
        this.highlightSuggestion(oNode);
        this.textbox.value = (oNode.firstChild.nodeValue) ? oNode.firstChild.nodeValue : oNode.firstChild.firstChild.nodeValue ;
    }
};

AutoSuggestControl.prototype.previousSuggestion = function () {
    var cSuggestionNodes = this.layer.childNodes;
    if (cSuggestionNodes.length > 0 && this.cur > 0) {
        var oNode = cSuggestionNodes[--this.cur];
        this.highlightSuggestion(oNode);
        this.textbox.value = (oNode.firstChild.nodeValue) ? oNode.firstChild.nodeValue : oNode.firstChild.firstChild.nodeValue ;
    }
};

AutoSuggestControl.prototype.showSuggestions = function (aSuggestions /*:Array*/) {
    var oDiv = null;
    this.layer.innerHTML = "";  //clear contents of the layer
    for (var i=0; i < aSuggestions.states.length; i++) {
        oDiv = document.createElement("div");
        oDiv.innerHTML = aSuggestions.states[i];

        if (aSuggestions.states_rows[i] != '') {
            oDiv.innerHTML += " <span>"+aSuggestions.states_rows[i]+"</span>";
        }

        this.layer.appendChild(oDiv);
        if(i==10) break;
    }
    this.cur = -1;
    this.layer.style.visibility = "visible";
};

AutoSuggestControl.prototype.sendSuggestion = function () {
    var error = false;
    this.hideSuggestions();
};