/*
*  Ajax Autocomplete for jQuery, version 1.1
*  (c) 2009 Tomas Kirda
*
*  Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license.
*  For details, see the web site: http://www.devbridge.com/projects/autocomplete/jquery/
*
*  Last Review: 09/27/2009
*/

/*jslint onevar: true, evil: true, nomen: true, eqeqeq: true, bitwise: true, regexp: true, newcap: true, immed: true */
/*global window: true, document: true, clearInterval: true, setInterval: true, jQuery: true */

(function($) {

    var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g');

    function fnFormatResult(value, data, currentValue) {
        var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')';
        return value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
    }

    function Autocomplete(el, options) {
        this.el = $(el);
        this.el.attr('autocomplete', 'off');
        this.suggestions = [];
        this.data = [];
        this.badQueries = [];
        this.selectedIndex = -1;
        this.currentValue = this.el.val();
        this.intervalId = 0;
        this.cachedResponse = [];
        this.onChangeInterval = null;
        this.ignoreValueChange = false;
        this.serviceUrl = options.serviceUrl;
        this.isLocal = false;
        //Added by Sudhir Yadav on 18 Nov 2009.
        //Functionality to set the current value and data.        
        this.currentVal = "";
        this.currentData = "";
        this.options = {
            autoSubmit: false,
            minChars: 1,
            maxHeight: 300,
            deferRequestBy: 0,
            width: 0,
            highlight: true,
            params: {},
            fnFormatResult: fnFormatResult,
            delimiter: "-",
            zIndex: 9999,
            onExtraFunction: null,
            onExtraFunctionParameter: null,
            valueControlID: null,
            //Added by Sudhir Yadav on 18 Nov 2009. Edited on 10 Mar 2010.
            //Functionality to clear the text box 'el' object val to specified no of characters.
            noOfCharsToCheck: 0
        };

        this.initialize();
        this.setOptions(options);
    }

    $.fn.autocomplete = function(options) {
        return new Autocomplete(this.get(0), options);
    };


    Autocomplete.prototype = {

        killerFn: null,

        initialize: function() {

            var me, uid, autocompleteElId;
            me = this;
            uid = new Date().getTime();
            autocompleteElId = 'Autocomplete_' + uid;

            this.killerFn = function(e) {
                if ($(e.target).parents('.autocomplete').size() === 0) {
                    me.killSuggestions();
                    me.disableKillerFn();
                }
            };

            if (!this.options.width) { this.options.width = this.el.width(); }
            this.mainContainerId = 'AutocompleteContainter_' + uid;

            $('<div id="' + this.mainContainerId + '" style="position:absolute;z-index:9999;"><div class="autocomplete-w1"><div class="autocomplete" id="' + autocompleteElId + '" style="display:none; width:300px;"></div></div></div>').appendTo('body');
            this.container = $('#' + autocompleteElId);
            // Commented by Sudhir Yadav on 10 Mar 2010, this was of no use initially, it helped remove the displaying of the autocomplete on load in update mode.
            //this.fixPosition();
            if (window.opera) {
                this.el.keypress(function(e) { me.onKeyPress(e); });
            } else {
                this.el.keydown(function(e) { me.onKeyPress(e); });
            }
            this.el.keyup(function(e) { me.onKeyUp(e); });
            this.el.blur(function() { me.enableKillerFn(); });
            this.el.focus(function() { me.fixPosition(); });
        },

        setOptions: function(options) {
            var o = this.options;
            $.extend(o, options);
            if (o.lookup) {
                this.isLocal = true;
                if ($.isArray(o.lookup)) { o.lookup = { suggestions: o.lookup, data: [] }; }
            }
            $('#' + this.mainContainerId).css({ zIndex: o.zIndex });
            this.container.css({ maxHeight: o.maxHeight + 'px', width: o.width });
        },

        clearCache: function() {
            this.cachedResponse = [];
            this.badQueries = [];
        },

        disable: function() {
            this.disabled = true;
        },

        enable: function() {
            this.disabled = false;
        },

        fixPosition: function() {

            var offset = this.el.offset();
            $('#' + this.mainContainerId).css({ top: (offset.top + this.el.innerHeight()) + 'px', left: offset.left + 'px' });

            // Added by Sudhir Yadav on 10 Mar 2010.
            // Bug removal, in case of update the value is lost on blur. Functionality to get the list in the starting. This is useful if the form is in update mode.
            var q = this.el.val();
            if (q === '' || q.length < this.options.minChars)
                this.hide();
            else
                this.getSuggestions(q);
        },

        enableKillerFn: function() {
            var me = this;
            $(document).bind('click', me.killerFn);

            //Added by Sudhir Yadav on 18 Nov 2009. Edited on 10 Mar 2010.
            //Functionality to clear the text box 'el' object val to specified no of characters.
            if (this.options.noOfCharsToCheck > 0 && this.el.val().length > this.options.noOfCharsToCheck && this.el.val().substring(0, this.options.noOfCharsToCheck).toUpperCase() == this.currentData.substring(0, this.options.noOfCharsToCheck).toUpperCase())
                this.el.val(this.currentData.substring(0, this.options.noOfCharsToCheck) + this.el.val().substring(this.options.noOfCharsToCheck, this.el.val().length));
            else if (this.el.val() === '')
                this.el.val('');
            else if (this.currentData === "")
                this.el.val('');
            else
                this.el.val(this.currentVal);

            if (this.options.valueControlID != null)
                $("#" + this.options.valueControlID).val(this.currentData);

            if (this.options.onExtraFunction != null)
                if (this.options.onExtraFunctionParameter != null)
                this.options.onExtraFunction(this.options.onExtraFunctionParameter);
            else
                this.options.onExtraFunction();
        },

        disableKillerFn: function() {
            var me = this;
            $(document).unbind('click', me.killerFn);
        },

        killSuggestions: function() {
            var me = this;
            this.stopKillSuggestions();
            this.intervalId = window.setInterval(function() { me.hide(); me.stopKillSuggestions(); }, 300);
        },

        stopKillSuggestions: function() {
            window.clearInterval(this.intervalId);
        },

        onKeyPress: function(e) {
            if (this.disabled || !this.enabled) { return; }
            // return will exit the function
            // and event will not be prevented
            switch (e.keyCode) {
                case 27: //KEY_ESC:
                    this.el.val(this.currentValue);
                    this.hide();
                    break;
                case 9: //KEY_TAB:
                case 13: //KEY_RETURN:
                    if (this.selectedIndex === -1) {
                        this.hide();
                        return;
                    }
                    this.select(this.selectedIndex);
                    if (e.keyCode === 9/* KEY_TAB */) { return; }
                    break;
                case 38: //KEY_UP:
                    this.moveUp();
                    break;
                case 40: //KEY_DOWN:
                    this.moveDown();
                    break;
                default:
                    return true;
            }
            e.stopImmediatePropagation();
            e.preventDefault();
        },

        onKeyUp: function(e) {
            if (this.disabled) { return; }
            switch (e.keyCode) {
                case 38: //KEY_UP:
                case 40: //KEY_DOWN:
                    return;
            }
            clearInterval(this.onChangeInterval);
            if (this.currentValue !== this.el.val()) {
                if (this.options.deferRequestBy > 0) {
                    // Defer lookup in case when value changes very quickly:
                    var me = this;
                    this.onChangeInterval = setInterval(function() { me.onValueChange(); }, this.options.deferRequestBy);
                } else {
                    this.onValueChange();
                }
            }
        },

        onValueChange: function() {
            clearInterval(this.onChangeInterval);
            this.currentValue = this.el.val();
            var q = this.getQuery(this.currentValue);
            this.selectedIndex = -1;
            if (this.ignoreValueChange) {
                this.ignoreValueChange = false;
                return;
            }
            if (q === '' || q.length < this.options.minChars) {
                this.hide();
            } else {
                this.getSuggestions(q);
            }
        },

        getQuery: function(val) {
            var d, arr;
            d = this.options.delimiter;
            if (!d) { return $.trim(val); }
            arr = val.split(d);
            return $.trim(arr[arr.length - 1]);
        },

        getSuggestionsLocal: function(q) {
            var ret, arr, len, val, i;
            arr = this.options.lookup;
            len = arr.suggestions.length;
            ret = { suggestions: [], data: [] };
            q = q.toLowerCase();
            for (i = 0; i < len; i++) {
                val = arr.suggestions[i];
                if (val.toLowerCase().indexOf(q) === 0) {
                    ret.suggestions.push(val);
                    ret.data.push(arr.data[i]);
                }
            }
            return ret;
        },

        getSuggestions: function(q) {
            var cr, me;
            cr = this.isLocal ? this.getSuggestionsLocal(q) : this.cachedResponse[q];
            if (cr && $.isArray(cr.suggestions)) {
                this.suggestions = cr.suggestions;
                this.data = cr.data;
                this.suggest();
            } else if (!this.isBadQuery(q)) {
                me = this;
                me.options.params.query = q;
                $.get(this.serviceUrl, me.options.params, function(txt) { me.processResponse(txt); }, 'text');
            }
        },

        isBadQuery: function(q) {
            var i = this.badQueries.length;
            while (i--) {
                if (q.indexOf(this.badQueries[i]) === 0) { return true; }
            }
            return false;
        },

        hide: function() {
            this.enabled = false;
            this.selectedIndex = -1;
            this.container.hide();
        },

        suggest: function() {
            if (this.suggestions.length === 0) {
                this.hide();
                return;
            }

            var me, len, div, f, v, i, s, mOver, mClick;
            me = this;
            len = this.suggestions.length;
            f = this.options.fnFormatResult;
            v = this.getQuery(this.currentValue);
            mOver = function(xi) { return function() { me.activate(xi); }; };
            mClick = function(xi) { return function() { me.select(xi); }; };
            this.container.hide().empty();
            for (i = 0; i < len; i++) {
                s = this.suggestions[i];
                div = $((me.selectedIndex === i ? '<div class="selected"' : '<div') + ' title="' + s + '">' + f(s, this.data[i], v) + '</div>');
                div.mouseover(mOver(i));
                div.click(mClick(i));
                this.container.append(div);
            }
            //Added by Sudhir Yadav on 18 Nov 2009.
            //Functionality to set the current value and data to the first in the suggested list of entries.
            //So that while tabbing the selected value will be the first even if the entry in the autocomplete text box isn't complete.
            if (len > 0) {
                this.currentData = this.data[0];
                this.currentVal = this.suggestions[0].split("-")[0];

            }
            else if (this.options.noOfCharsToCheck <= 0 || v.substring(0, this.options.noOfCharsToCheck).toUpperCase() != this.currentData.substring(0, this.options.noOfCharsToCheck).toUpperCase()) { // The last currentData has to be kept so that the noOfCharsToCheck from the last selected can be kept.
                this.currentData = "";
                this.currentVal = "";
            }
            this.enabled = true;
            this.container.show();
        },

        processResponse: function(text) {
            var response;
            try {
                response = eval('(' + text + ')');
            } catch (err) {
                //Added by Sudhir Yadav on 18 Nov 2009.
                //Functionality to set hide and empty the autocomplete drop down in case there is no data or an error.
                this.data = [];
                this.suggestions = [];
                this.suggest();
                if (this.options.noOfCharsToCheck <= 0 || this.el.val().substring(0, this.options.noOfCharsToCheck).toUpperCase() != this.currentData.substring(0, this.options.noOfCharsToCheck).toUpperCase()) { // The last currentData has to be kept so that the noOfCharsToCheck from the last selected can be kept.
                    this.currentData = "";
                    this.currentVal = "";
                }
                return;
            }
            if (!$.isArray(response.data)) { response.data = []; }
            this.cachedResponse[response.query] = response;
            if (response.suggestions.length === 0) { this.badQueries.push(response.query); }
            if (response.query === this.getQuery(this.currentValue)) {
                this.suggestions = response.suggestions;
                this.data = response.data;
                this.suggest();
            }
        },

        activate: function(index) {
            var divs, activeItem;
            divs = this.container.children();
            // Clear previous selection:
            if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
                $(divs.get(this.selectedIndex)).attr('class', '');
            }
            this.selectedIndex = index;
            if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
                activeItem = divs.get(this.selectedIndex);
                $(activeItem).attr('class', 'selected');
            }
            return activeItem;
        },

        deactivate: function(div, index) {
            div.className = '';
            if (this.selectedIndex === index) { this.selectedIndex = -1; }
        },

        select: function(i) {
            var selectedValue, f;
            selectedValue = this.suggestions[i];
            if (selectedValue) {

                this.el.val(selectedValue);

                if (this.options.autoSubmit) {

                    f = this.el.parents('form');
                    if (f.length > 0) { f.get(0).submit(); }
                }
                this.ignoreValueChange = true;
                this.hide();
                this.onSelect(i);

                if (this.options.valueControlID != null) {
                    var currentValue = selectedValue.split(this.options.delimiter);
                    if (currentValue.length > 1) {
                        this.el.val(currentValue[0]);
                        $("#" + this.options.valueControlID).val(currentValue[1]);
                    }
                }
                else {
                    var currentValue = selectedValue.split(this.options.delimiter);
                    if (currentValue.length > 0) {
                        this.el.val(currentValue[0]);
                    }
                }

            }

        },

        moveUp: function() {
            if (this.selectedIndex === -1) { return; }
            if (this.selectedIndex === 0) {
                this.container.children().get(0).className = '';
                this.selectedIndex = -1;
                this.el.val(this.currentValue);

                return;
            }
            this.adjustScroll(this.selectedIndex - 1);
        },

        moveDown: function() {
            if (this.selectedIndex === (this.suggestions.length - 1)) { return; }
            this.adjustScroll(this.selectedIndex + 1);
        },

        adjustScroll: function(i) {
            var activeItem, offsetTop, upperBound, lowerBound;
            activeItem = this.activate(i);
            offsetTop = activeItem.offsetTop;
            upperBound = this.container.scrollTop();
            lowerBound = upperBound + this.options.maxHeight - 25;
            if (offsetTop < upperBound) {
                this.container.scrollTop(offsetTop);
            } else if (offsetTop > lowerBound) {
                this.container.scrollTop(offsetTop - this.options.maxHeight + 25);
            }
            this.el.val(this.suggestions[i]);
        },

        onSelect: function(i) {
            var me, onSelect, getValue, s, d, delm;
            me = this;
            onSelect = me.options.onSelect;
            getValue = function(value) {
                var del, currVal, arr;
                del = me.options.delimiter;
                if (!del) { return value; }
                currVal = me.currentValue;
                arr = currVal.split(del);
                if (arr.length === 1) { return value; }
                return currVal.substr(0, currVal.length - arr[arr.length - 1].length) + value;
            };
            s = me.suggestions[i];
            d = me.data[i];

            //Added by Sudhir Yadav on 18 Nov 2009.
            //Functionality to set the current value and to the selection in the suggested list of entries.
            delm = this.options.delimiter;

            this.currentVal = me.suggestions[i].split(delm)[0];
            this.currentData = me.data[i];
            me.el.val(getValue(s));
            if ($.isFunction(onSelect)) { onSelect(s, d); }

        }

    };

} (jQuery));