/*
Script: TextboxList.Livesearch.js
	TextboxList LiveSearch plugin

	Authors:
	    Martin Steel / Mediaburst Ltd
		Based on TextboxList.Autocomplete by Guillermo Rauch (http://devthought.com/projects/jquery/textboxlist/)
		
*/

(function() {

    TextboxList.Livesearch = function(textboxlist, _options) {

        var index, prefix, method, container, list, values = [], results = [], placeholder = false, current, currentInput, hidetimer, doAdd, currentSearch, currentConn;
        var options = $.extend(true, {
            minLength: 1,
            maxResults: 25,
            insensitive: true,
            highlight: true,
            highlightSelector: null,
            mouseInteraction: true,
            onlyFromValues: false,
            method: 'standard',
            placeholder: 'Type to receive suggestions',
            url: null
        }, _options);

        var init = function() {
            textboxlist.addEvent('bitEditableAdd', setupBit)
			.addEvent('bitEditableFocus', search)
			.addEvent('bitEditableBlur', hide)
			.setOptions({ bitsOptions: { editable: { addKeys: false, stopEnter: false}} });
            if ($.browser.msie) textboxlist.setOptions({ bitsOptions: { editable: { addOnBlur: false}} });
            if (textboxlist.getOptions().unique) {
                index = [];
                textboxlist.addEvent('bitBoxRemove', function(bit) {
                    if (bit.autoValue && $.inArray(bit.autoValue, index) != -1) index = index.splice($.inArray(bit.autoValue, index) + 1, 1);
                }, true);
            }
            prefix = textboxlist.getOptions().prefix + '-livesearch';
            method = TextboxList.Livesearch.Methods[options.method];
            container = $('<div class="' + prefix + '" />').width(textboxlist.getContainer().width()).appendTo(textboxlist.getContainer());
            if (chk(options.placeholder)) placeholder = $('<div class="' + prefix + '-placeholder" />').html(options.placeholder).appendTo(container);
            list = $('<ul class="' + prefix + '-results" />').appendTo(container).click(function(ev) {
                ev.stopPropagation(); ev.preventDefault();
            });
        };

        var setupBit = function(bit) {
            bit.toElement().keydown(navigate).keyup(function() { search(); });
        };

        var search = function(bit) {
            if (bit) currentInput = bit;
            var search = currentInput.getValue()[1];
            // Replace 07 with 447 at start of string for searching as it's how we store stuff
            search = search.replace(/^07/, "447");
            if (search.length < options.minLength) {
                showPlaceholder();
                list.css('display', 'none');
                return;
            }
            if (search == currentSearch)
                return;
            if (!options.url) return;

            if (currentConn) {
                currentConn.abort();
            }
            currentConn = $.ajax({
                url: options.url,
                data: "{ search: \"" + search + "\" }",
                success: function(r) {
                    currentSearch = search;
                    values = r.d;
                    showResults(search);
                }
            });
        };

        var showResults = function(search) {
            // Skip the filter as we've always done it server side
            //var results = method.filter(values, search, options.insensitive, options.maxResults);
            var results = method.filter(values, search, options.insensitive, options.maxResults);
            if (index) results = $.grep(results, function(v) { return $.inArray(v, index) == -1; });
            hidePlaceholder();
            if (!results.length) return;
            blur();
            list.empty().css('display', 'block');
            $.each(results, function(i, r) { addResult(i, r, search); });
            if (options.onlyFromValues) focusFirst();
            results = results;
        };

        var addResult = function(i, r, searched) {
            var element = $('<li class="' + prefix + '-result" />').html(r[3] ? r[3] : r[1]).data('textboxlist:auto:value', r);
            if (i % 2)
                element.addClass(prefix + "-result-stripe");
            element.appendTo(list);
            if (options.highlight) $(options.highlightSelector ? element.find(options.highlightSelector) : element).each(function() {
                if ($(this).html()) method.highlight($(this), searched, options.insensitive, prefix + '-highlight');
            });
            if (options.mouseInteraction) {
                element.css('cursor', 'pointer').hover(function() { focus(element); }).mousedown(function(ev) {
                    ev.stopPropagation();
                    ev.preventDefault();
                    clearTimeout(hidetimer);
                    doAdd = true;
                }).mouseup(function() {
                    if (doAdd) {
                        addCurrent();
                        currentInput.focus();
                        search();
                        doAdd = false;
                    }
                });
                if (!options.onlyFromValues) element.mouseleave(function() { if (current && (current.get(0) == element.get(0))) blur(); });
            }
        };

        var hide = function() {
            hidetimer = setTimeout(function() {
                hidePlaceholder();
                list.css('display', 'none');
                currentSearch = null;
            }, $.browser.msie ? 150 : 0);
        };

        var showPlaceholder = function() {
            if (placeholder) placeholder.css('display', 'block');
        };

        var hidePlaceholder = function() {
            if (placeholder) placeholder.css('display', 'none');
        };

        var focus = function(element) {
            if (!element || !element.length) return;
            blur();
            current = element.addClass(prefix + '-result-focus');
        };

        var blur = function() {
            if (current && current.length) {
                current.removeClass(prefix + '-result-focus');
                current = null;
            }
        };

        var focusFirst = function() {
            return focus(list.find(':first'));
        };

        var focusRelative = function(dir) {
            if (!current || !current.length) return self;
            return focus(current[dir]());
        };

        var addCurrent = function() {
            var value = current.data('textboxlist:auto:value');
            var b = textboxlist.create('box', value.slice(0, 3));
            if (b) {
                b.autoValue = value;
                index.push(value);
                currentInput.setValue([null, '', null]);
                b.inject(currentInput.toElement(), 'before');
            }
            blur();
            return self;
        };

        var navigate = function(ev) {
            var evStop = function() { ev.stopPropagation(); ev.preventDefault(); };
            switch (ev.which) {
                case 38:
                    evStop();
                    (!options.onlyFromValues && current && current.get(0) === list.find(':first').get(0)) ? blur() : focusRelative('prev');
                    break;
                case 40:
                    evStop();
                    (current && current.length) ? focusRelative('next') : focusFirst();
                    break;
                case 13:
                    evStop();
                    if (current && current.length) addCurrent();
                    else if (!options.onlyFromValues) {
                        var value = currentInput.getValue();
                        var b = textboxlist.create('box', value);
                        if (b) {
                            b.inject(currentInput.toElement(), 'before');
                            currentInput.setValue([null, '', null]);
                        }
                    }
            }
        };

        this.setValues = function(v) {
            values = v;
        };

        init();
    };

    TextboxList.Livesearch.Methods = {

        standard: {
            filter: function(values, search, insensitive, max) {
                var newvals = [], regexp = new RegExp('\\b' + escapeRegExp(search), insensitive ? 'i' : '');
                for (var i = 0; i < values.length; i++) {
                    if (newvals.length === max) break;
                    if (regexp.test(values[i][1])) newvals.push(values[i]);
                }
                return newvals;
            },

            highlight: function(element, search, insensitive, klass) {
                var regex = new RegExp('(<[^>]*>)|(\\b' + escapeRegExp(search) + ')', insensitive ? 'ig' : 'g');
                return element.html(element.html().replace(regex, function(a, b, c) {
                    return (a.charAt(0) == '<') ? a : '<strong class="' + klass + '">' + c + '</strong>';
                }));
            }
        }

    };

    var chk = function(v) { return !!(v || v === 0); };
    var escapeRegExp = function(str) { return str.replace(/([-.*+?^${}()|[\]\/\\])/g, "\\$1"); };

})();