﻿/// <reference path="../jquery-1.3.2-vsdoc.js" />
(function($) {

    $.suggest = function(input, resultsContainer, options) {

        var $input = $(input).attr("autocomplete", "off");
        var $results = $(document.createElement("ul"));

        var timeout = false;
        var prevLength = 0;

        var resultsDiv = resultsContainer;

        $results.addClass(options.resultsClass)
        $(resultsDiv).prepend($results);


        resetPosition();
        $(window)
				.load(resetPosition)
				.resize(resetPosition);

        $input.blur(function() {
            setTimeout(function() { $results.hide() }, 200);
        });

        try {
            $results.bgiframe();
        } catch (e) { }


        if ($.browser.mozilla)
            $input.keypress(processKey);
        else
            $input.keydown(processKey);




        function resetPosition() {
            // requires jquery.dimension plugin
            var offset = $input.offset();
            $results.css({
                top: (offset.top + input.offsetHeight) + 'px',
                left: options.leftOffSet + 'px'
            });
        }


        function processKey(e) {

            // handling up/down/escape requires results to be visible
            // handling enter/tab requires that AND a result to be selected
            if ((/27$|38$|40$/.test(e.keyCode) && $results.is(':visible')) ||
					(/^13$|^9$/.test(e.keyCode) && getCurrentResult())) {

                if (e.preventDefault)
                    e.preventDefault();
                if (e.stopPropagation)
                    e.stopPropagation();

                e.cancelBubble = true;
                e.returnValue = false;

                switch (e.keyCode) {

                    case 38: // up
                        prevResult();
                        break;

                    case 40: // down
                        nextResult();
                        break;

                    case 9:  // tab
                    case 13: // return
                        selectCurrentResult();
                        break;

                    case 27: //	escape
                        $results.hide();
                        break;

                }

            } else /*if ($input.val().length+1 != prevLength)*/{

                if (timeout)
                    clearTimeout(timeout);
                timeout = setTimeout(suggest, options.delay);
                prevLength = $input.val().length;
            }
        }


        function suggest() {

            var original = $input.val();
            var query = $.trim(original);

            if (!/[,][\s]?$/.test(original)/* && q.length >= options.minchars*/) {

                $.get(options.source, { q: query }, function(txt) {

                    $results.hide();

                    var items = parseTxt(txt, query);

                    displayItems(items);
                });

            } else {

                $results.hide();

            }

        }

        function displayItems(items) {

            if (!items)
                return;

            if (!items.length) {
                $results.hide();
                return;
            }

            var html = '';
            for (var i = 0; i < items.length; i++)
                html += '<li>' + items[i] + '</li>';

            $results.html(html).show();

            $results
					.children('li')
					.mouseover(function() {
					    $results.children('li').removeClass(options.selectClass);
					    $(this).addClass(options.selectClass);
					})
					.click(function(e) {
					    e.preventDefault();
					    e.stopPropagation();
					    selectCurrentResult();
					    resetFocus();
					});

            //firstResult();

        }

        function resetFocus() {
            $input.focus();
        }

        function parseTxt(txt, q) {

            var items = [];
            var tokens = txt.split(options.delimiter);

            // parse returned data for non-empty items
            for (var i = 0; i < tokens.length; i++) {
                var token = $.trim(tokens[i]);
                if (token) {
                    /*token = token.replace(
                    new RegExp(q, 'ig'), 
                    function(q) { return '<span class="' + options.matchClass + '">' + q + '</span>' }
                    );*/
                    items[items.length] = token;
                }
            }

            return items;
        }

        function getCurrentResult() {

            if (!$results.is(':visible'))
                return false;

            var $currentResult = $results.children('li.' + options.selectClass);

            if (!$currentResult.length)
                $currentResult = false;

            return $currentResult;

        }

        function selectCurrentResult() {

            $currentResult = getCurrentResult();

            if ($currentResult) {
                $input.val($input.val().replace(/([^,\s]*)$/, $currentResult.text()) + options.suffix);
                $results.hide();

                if (options.onSelect)
                    options.onSelect.apply($input[0]);

            }

        }

        function firstResult() {

            $results.children('li:first-child').addClass(options.selectClass);
        }

        function nextResult() {

            $currentResult = getCurrentResult();

            if ($currentResult)
                $currentResult
						.removeClass(options.selectClass)
						.next()
							.addClass(options.selectClass);
            else
                $results.children('li:first-child').addClass(options.selectClass);

        }

        function prevResult() {

            $currentResult = getCurrentResult();

            if ($currentResult)
                $currentResult
						.removeClass(options.selectClass)
						.prev()
							.addClass(options.selectClass);
            else
                $results.children('li:last-child').addClass(options.selectClass);

        }

    }

    $.fn.suggest = function(source, resultsDiv, options) {

        if (!source)
            return;

        options = options || {};
        options.source = source;
        options.delay = options.delay || 5;
        options.resultsClass = options.resultsClass || 'ac_results';
        options.selectClass = options.selectClass || 'ac_over';
        options.matchClass = options.matchClass || 'ac_match';
        options.minchars = options.minchars || 0;
        options.delimiter = options.delimiter || ':';
        options.onSelect = options.onSelect || false;
        options.suffix = options.suffix || '';
        //options.maxCacheSize = options.maxCacheSize || 65536;
        this.each(function() {
            new $.suggest(this, resultsDiv, options);
        });

        return this;

    };

})(jQuery);