/**
* An autosuggest textbox control.
* @class
* @scope public
*/
function AutoSuggestControl(oTextbox /*:HTMLInputElement*/, oHidden, oProvider /*:SuggestionProvider*/) 
{


    /**
    * The currently selected suggestions.
    * @scope private
    */
    this.cur /*:int*/ = -1;

    /**
    * The dropdown list layer.
    * @scope private
    */
    this.layer = null;

    /**
    * Suggestion provider for the autosuggest feature.
    * @scope private.
    */
    this.provider /*:SuggestionProvider*/ = oProvider;
    //	this.geo = sGEO;

    /**
    * The textbox to capture.
    * @scope private
    */
    this.textbox /*:HTMLInputElement*/ = oTextbox;

 this.oldblur = null;
this.oldfocus = null;
   this.oldchange = null;

    if (typeof(oTextBox)!='undefined' && oTexbox!=null)	
	{
	
	    this.enteredtext /*:String*/ = oTextbox.value; 
	
	    this.oldblur = oTextbox.onblur;
	    this.oldfocus = oTextbox.onfocus;
	    this.oldchange = oTextbox.onchange;

    
	}
	else
	{
		this.enteredtext = "";

	}

           this.hidden = oHidden;
    this.aidSuggestions = null;

    //initialize the control
    this.init();

}

/**
* Autosuggests one or more suggestions for what the user has typed.
* If no suggestions are passed in, then no autosuggest occurs.
* @scope private
* @param aSuggestions An array of suggestion strings.
* @param bTypeAhead If the control should provide a type ahead suggestion.
*/
AutoSuggestControl.prototype.autosuggest = function (aSuggestions /*:Array*/,
							idSuggestions,
                                                     bTypeAhead /*:boolean*/)
{



    // alert('call autosuggest');
    this.aidSuggestions = idSuggestions;
    //make sure there's at least one suggestion
    if (aSuggestions.length > 0) {
        if (bTypeAhead) {

            //this.cur = -1;
            // Если единственное, что подходит - подсвечиваем
            if (aSuggestions.length == 1) {
                if (this.textbox.value.toLowerCase() == aSuggestions[0].substring(0, this.textbox.value.length).toLowerCase()) {
                    this.typeAhead(aSuggestions[0], idSuggestions[0]);
                    this.cur = 0;

                    if (this.layer != null && this.layer.childNodes.length > 0) {
                        this.highlightSuggestion(this.layer.childNodes[this.cur]); // единственный саджест можно не хайлайтить
                    }
                }


            }
            else { //... иначе придется искать самим
                //this.cur = -1;
                //var len = this.textbox.value.length; // Получили длину введенного текста
                // ищем, что подходит под это описание
                //for (i = 0; i < aSuggestions.length; i++) {
                //    if (aSuggestions[i].substring(0, len).toLowerCase() == this.textbox.value.toLowerCase()) {
                //        this.typeAhead(aSuggestions[i], idSuggestions[i]);
                //        this.cur = i;
                //        break;

                //break;
                //    }
                //}
            }

        }
        //this.enteredtext = this.textbox.value;

        this.showSuggestions(aSuggestions);
    } else {
        this.hideSuggestions();
    }
};

/**
* Creates the dropdown layer to display multiple suggestions.
* @scope private
*/
AutoSuggestControl.prototype.createDropDown = function ()
{

    var oThis = this;

    if (this.layer != null) {
        return;
    }

    //create the layer and assign styles
    this.layer = document.createElement("div");
    this.layer.className = "suggestions";
    this.layer.style.display = "block";
    //this.layer.style.visibility = "hidden";
    //oThis.layer.style.color = "#00ff00";
    // this.layer.style.width = this.textbox.offsetWidth;
    this.layer.style.width = oThis.textbox.clientWidth + 2 + "px";
    //	alert(this.textbox.clientWidth);


    //when the user clicks on the a suggestion, get the text (innerHTML)
    //and place it into a textbox
    this.layer.onmousedown =
    this.layer.onmouseup =
    this.layer.onmouseover = function (oEvent) {
        oEvent = oEvent || window.event;
        oTarget = oEvent.target || oEvent.srcElement;

        if (oEvent.type == "mousedown") {
            //oThis.textbox.value = oTarget.firstChild.nodeValue;

            //var done = false;

            oThis.textbox.value = '';

            for (i = 0; i < oTarget.childNodes.length; i++) {
                if (oTarget.childNodes[i].childNodes.length > 0) {
                    oThis.textbox.value = oThis.textbox.value + oTarget.childNodes[i].firstChild.nodeValue;
                    // oThis.hidden.value = oThis.aidSuggestions[i];
                    // alert('Установлен хидден через протыкивалку 1 ==' + oThis.hidden.value);
                   // done = true;
                }
                else {
                    oThis.textbox.value = oThis.textbox.value + oTarget.childNodes[i].nodeValue;
                    //  oThis.hidden.value = oThis.aidSuggestions[i];
                    // alert('Установлен хидден через протыкивалку 2 ==' + oThis.hidden.value);
                    //done = true;
                }
                //alert(oNode.childNodes[i].nodeValue);
            }

            //когда не нажимается, фикс от зага ------------- Я его убрал. Потому что написать мартысссс --- будет подсказывать "масленникова"
            if (oTarget.parentNode.className == "current") {
                oThis.textbox.value = '';
                oTarget = oTarget.parentNode;
                for (i = 0; i < oTarget.childNodes.length; i++) {
                    if (oTarget.childNodes[i].childNodes.length > 0) {
                        oThis.textbox.value = oThis.textbox.value + oTarget.childNodes[i].firstChild.nodeValue;
                        // oThis.hidden.value = oThis.aidSuggestions[i];
                        //  alert('Установлен хидден через протыкивалку 3 ==' + oThis.hidden.value);
                       // done = true;
                    }
                    else {
                        oThis.textbox.value = oThis.textbox.value + oTarget.childNodes[i].nodeValue;
                        //  oThis.hidden.value = oThis.aidSuggestions[i];
                        // alert('Установлен хидден через протыкивалку 4 ==' + oThis.hidden.value);
                       // done = true;
                    }
                    //alert(oNode.childNodes[i].nodeValue);
                }
            }



     
            oThis.hideSuggestions();

        } else if (oEvent.type == "mouseover") {
            oThis.highlightSuggestion(oTarget);
        } else {
            oThis.textbox.focus();
            //oThis.oldfocus();
        }
    };

    //------------ ТАК БЫЛО--------------------
    //when the user clicks on the a suggestion, get the text (innerHTML)
    //and place it into a textbox
    /*this.layer.onmousedown =
    this.layer.onmouseup =
    this.layer.onmouseover = function (oEvent) {
        oEvent = oEvent || window.event;
        oTarget = oEvent.target || oEvent.srcElement;

        if (oEvent.type == "mousedown") {
            oThis.textbox.value = oTarget.firstChild.nodeValue;
            oThis.hideSuggestions();
        } else if (oEvent.type == "mouseover") {
            oThis.highlightSuggestion(oTarget);
        } else {
            oThis.textbox.focus();
        }
    };*/


    document.body.appendChild(oThis.layer);
};

/**
* Gets the left coordinate of the textbox.
* @scope private
* @return The left coordinate of the textbox in pixels.
*/
AutoSuggestControl.prototype.getLeft = function () /*:int*/{

    var oNode = this.textbox;
    var iLeft = 0;

    while (oNode.tagName != "BODY") {
        iLeft += oNode.offsetLeft;
        oNode = oNode.offsetParent;
    }

    return iLeft;
};

/**
* Gets the top coordinate of the textbox.
* @scope private
* @return The top coordinate of the textbox in pixels.
*/
AutoSuggestControl.prototype.getTop = function () /*:int*/{

    var oNode = this.textbox;
    var iTop = 0;

    while (oNode.tagName != "BODY") {
        iTop += oNode.offsetTop;
        oNode = oNode.offsetParent;
    }

    return iTop;
};

/**
* Handles three keydown events.
* @scope private
* @param oEvent The event object for the keydown event.
*/
AutoSuggestControl.prototype.handleKeyDown = function (oEvent /*:Event*/) {

    switch (oEvent.keyCode) {
        case 38: //up arrow
            this.previousSuggestion();
            break;
        case 40: //down arrow 
            this.nextSuggestion();
            break;
        case 13: //enter
            this.hideSuggestions();
            break;
    }

};

/**
* Handles keyup events.
* @scope private
* @param oEvent The event object for the keyup event.
*/
AutoSuggestControl.prototype.handleKeyUp = function (oEvent /*:Event*/) {

    if (oEvent != null && oEvent != 'undefined') {
        var iKeyCode = oEvent.keyCode;
        
        this.enteredtext /*:String*/ = this.textbox.value;
        //for backspace (8) and delete (46), shows suggestions without typeahead
        if (iKeyCode == 8 || iKeyCode == 46) {

            // Бекспейс должен откатить введенный текст назад (мы неверно заавтокомплители)
            //if (iKeyCode == 8) {
             //   if (this.enteredtext.length > 0) {
             //       this.enteredtext = this.enteredtext.substring(0, this.enteredtext.length-1);
              //      this.textbox.value = this.enteredtext; // откатываем назад
              //  }
            //}

            // Делит отрабатываем как обычно
            //if (iKeyCode == 46) {
                
            //}

            this.provider.requestSuggestions(this, false);

            //make sure not to interfere with non-character keys
            //пробел тоже исключаем
        } else if (iKeyCode < 32 || (iKeyCode >= 33 && iKeyCode < 46) || (iKeyCode >= 112 && iKeyCode <= 123)) {
            //ignore
        } else {
            //request suggestions from the suggestion provider with typeahead
            //this.enteredtext /*:String*/ = this.textbox.value;
            this.provider.requestSuggestions(this, true);
        }
    }
};

/**
* Hides the suggestion dropdown.
* @scope private
*/
AutoSuggestControl.prototype.hideSuggestions = function () {
    this.layer.style.display = "none";
    this.cur = -1;
};

/**
* Highlights the given node in the suggestions dropdown.
* @scope private
* @param oSuggestionNode The node representing a suggestion in the dropdown.
*/
AutoSuggestControl.prototype.highlightSuggestion = function (oSuggestionNode) {
    //var done = false;

    //когда не наводится, фикс от зага
    if (oSuggestionNode.parentNode.className != "suggestions")
      oSuggestionNode = oSuggestionNode.parentNode;

    for (var i = 0; i < this.layer.childNodes.length; i++) {
        var oNode = this.layer.childNodes[i];
        if (oNode == oSuggestionNode) {
            //alert('Выделился номер '+i);
            if (this.hidden != null) {
                this.hidden.value = this.aidSuggestions[i];
            }
            //done = true;
            oNode.className = "current"
        } else if (oNode.className == "current") {
            oNode.className = "";
        }
    }

};

/**
* Initializes the textbox with event handlers for
* auto suggest functionality.
* @scope private
*/
AutoSuggestControl.prototype.init = function () {

    //save a reference to this object
    var oThis = this;

    //assign the onkeyup event handler
//	alert(oThis);

    var oldkeyup = null;
    if (oThis.textbox.onkeyup != null)
        oldkeyup = this.textbox.onkeyup;

    oThis.textbox.onkeyup = function (oEvent) {

        // Хор закрыл
        //if (oldkeyup != null) setTimeout(function () { oldkeyup(); }, 50);

        //check for the proper location of the event object
        if (!oEvent) {
            oEvent = window.event;
        }

        //call the handleKeyUp() method with the event object
        oThis.handleKeyUp(oEvent);


    };

    //assign onkeydown event handler
    oThis.textbox.onkeydown = function (oEvent) {

        //check for the proper location of the event object
        if (!oEvent) {
            oEvent = window.event;
        }

        //call the handleKeyDown() method with the event object
        oThis.handleKeyDown(oEvent);
    };

    //assign onblur event handler (hides suggestions)    
    //oThis.oldblur = oThis.textbox.onblur;

    var blurold = null;
    if (oThis.textbox.onblur != null) {
        blurold = oThis.textbox.onblur;
    }

    oThis.textbox.onblur = function () {
        oThis.hideSuggestions();

        if (blurold != null) {
            blurold();
        }
        // oThis.oldblur();
        //alert("src func blur = " + oThis.oldblur.toString());
    };

    //create the suggestions dropdown
    oThis.createDropDown();
};

/**
* Highlights the next suggestion in the dropdown and
* places the suggestion into the textbox.
* @scope private
*/
AutoSuggestControl.prototype.nextSuggestion = function () {
    var cSuggestionNodes = this.layer.childNodes;

   

    if (cSuggestionNodes.length > 0 && this.cur < cSuggestionNodes.length - 1) {
        var oNode = cSuggestionNodes[++this.cur];
        //alert(oNode);
        this.highlightSuggestion(oNode);


        if (oNode.hasChildNodes()) {
            this.textbox.value = '';
            for (i = 0; i < oNode.childNodes.length; i++) {
                if (oNode.childNodes[i].childNodes.length > 0) {
                    this.textbox.value = this.textbox.value + oNode.childNodes[i].firstChild.nodeValue;
                }
                else {
                    this.textbox.value = this.textbox.value + oNode.childNodes[i].nodeValue;
                }
                //alert(oNode.childNodes[i].nodeValue);
            }
        }
    }
};

/**
* Highlights the previous suggestion in the dropdown and
* places the suggestion into the textbox.
* @scope private
*/
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;   



        if (oNode.hasChildNodes()) {
            this.textbox.value = '';
            for (i = 0; i < oNode.childNodes.length; i++) {
                if (oNode.childNodes[i].childNodes.length > 0) {
                    this.textbox.value = this.textbox.value + oNode.childNodes[i].firstChild.nodeValue;
                }
                else {
                    this.textbox.value = this.textbox.value + oNode.childNodes[i].nodeValue;
                }
                //alert(oNode.childNodes[i].nodeValue);
            }
        }


    }
};

/**
* Selects a range of text in the textbox.
* @scope public
* @param iStart The start index (base 0) of the selection.
* @param iLength The number of characters to select.
*/
AutoSuggestControl.prototype.selectRange = function (iStart /*:int*/, iLength /*:int*/) {



    //use text ranges for Internet Explorer
    if (this.textbox.createTextRange) {
        var oRange = this.textbox.createTextRange();
        oRange.moveStart("character", iStart);
        oRange.moveEnd("character", iLength - this.textbox.value.length);
        oRange.select();

        //use setSelectionRange() for Mozilla
    } else if (this.textbox.setSelectionRange) {
        this.textbox.setSelectionRange(iStart, iLength);
    }

    //set focus back to the textbox
    this.textbox.focus();
    //this.oldfocus();
    //    this.textbox.oldfocus();
};

/**
* Builds the suggestion layer contents, moves it into position,
* and displays the layer.
* @scope private
* @param aSuggestions An array of suggestions for the control.
*/
AutoSuggestControl.prototype.showSuggestions = function (aSuggestions /*:Array*/) {

    var oDiv = null;
    //this.cur = -1;
    this.layer.innerHTML = "";  //clear contents of the layer

    var sEnteredTextLower = null;
    var sTextToHighlightLower = null;

    var iStart = null;

    var oB = null;

    var iEnd = null;



  

    sEnteredTextLower = this.enteredtext;

    if (sEnteredTextLower == "") {
        sEnteredTextLower = this.textbox.value;
    }

    //console.log(sEnteredTextLower)
    //console.log(this.textbox.value);
    //console.log("--------------");
    
    sEnteredTextLower = sEnteredTextLower.toLowerCase().toString();

    for (var i = 0; i < aSuggestions.length; i++) {

        iStart = -1;

        //console.log(aSuggestions[i]);

       

        sTextToHighlightLower = aSuggestions[i].toString();
        sTextToHighlightLower = sTextToHighlightLower.toLowerCase().toString();

        iStart = sTextToHighlightLower.indexOf(sEnteredTextLower.toString());

        //console.log(iStart + "start");

        if (iStart == -1) {
            continue;
        }

        oDiv = document.createElement("div");



        iEnd = iStart + sEnteredTextLower.length;

        //console.log(iStart + "end");
        //console.log(sEnteredTextLower.length);


        if (iStart !== -1) { //&& iEnd <= sTextToHighlightLower.length

            // текст до жирного
            if (iStart > 0) {
                oDiv.appendChild(document.createTextNode(aSuggestions[i].substr(0, iStart)));
            }

            // жирный текст
            oB = document.createElement("span");
            oB.appendChild(document.createTextNode(aSuggestions[i].substr(iStart, sEnteredTextLower.length)));
            oB.style.fontWeight = 'bold';
            oDiv.appendChild(oB);

            // текст после жирного
            if (aSuggestions[i].length > iEnd) {
                oDiv.appendChild(document.createTextNode(aSuggestions[i].substr(iEnd, aSuggestions[i].length - iEnd)));
            }
            this.layer.appendChild(oDiv);

        }
        else {

        }
        //oDiv.normalize();




        /*s='';
        for (i=0; i<oDiv.childNodes.length; i++)
        {
        s = s + '---' + oDiv.childNodes[i].nodeValue; 

        }*/

        //alert(oB);



        //oDiv.appendChild(document.createTextNode(aSuggestions[i]));

        //	alert(aSuggestions[i]+'----'+iStart+'---'+iEnd+'----'+this.enteredtext.length);

    }


    this.layer.style.left = this.getLeft() + "px";
    this.layer.style.top = (this.getTop() + this.textbox.offsetHeight) + "px";
    this.layer.style.display = "block";

};

/**
* Inserts a suggestion into the textbox, highlighting the 
* suggested part of the text.
* @scope private
* @param sSuggestion The suggestion for the textbox.
*/
AutoSuggestControl.prototype.typeAhead = function (sSuggestion /*:String*/, idSuggestion) {

    if (this.hidden == null || this.hidden == 'undefined') {
        //alert('hidden suggest не установлен');
    }
    else {
        this.hidden.value = idSuggestion;
    }

    this.enteredtext /*:String*/ = this.textbox.value; // Сохраняем введенный текст, чтобы его откатить назад если что

    //check for support of typeahead functionality
    if (this.textbox.createTextRange || this.textbox.setSelectionRange) {
        var iLen = this.textbox.value.length;

        // выделяем текст только в том случае, если есть полное совпадение с самого начала
        if (sSuggestion.substring(0, iLen).toLowerCase() == this.textbox.value.toLowerCase()) {

            this.textbox.value = sSuggestion;
            this.selectRange(iLen, sSuggestion.length); // выделяем
        }
    }


};