/**
 * Auto Complete v2.1
 * June 11, 2009
 * Corey Hart @ http://www.codenothing.com
 *
 * Auto Complete takes input from the user and runs a check through PHP to find what the user
 * is looking for. This test case runs a limited search on words that begin with the letter 'a'.
 *
 * @css: Optional class for list rollovers, defaults to 'non-404'
 */ 
;(function($) {
    $.fn.autoComplete = function(css) {
        this.each(function() {
            // Cache objects
            var $obj = $(this),
				$input = $("input[type='text']", $obj),
				settings = {
				    opt: -1,
				    inputval: '',
				    css: (css) ? css : 'non-404',
				    ajax: $("input[name='href']", $obj).val()
				};

            // Run on keyup
            $input.keyup(function(e) {
                var key = e.keyCode;
                if ((key > 47 && key < 91) || key == 8) {
                    settings.opt = -1;
                    settings.inputval = $input.val();
                    sendRequest(settings.inputval);
                }
                else if (key == 37 || key == 39) {
                    settings.opt = -1;
                    $('ul', $obj).html('');
                }
                else if (key == 38) {
                    if (settings.opt >= 0) {
                        settings.opt--;
                        var val = $('ul li', $obj).removeClass(settings.css).eq(settings.opt).addClass(settings.css).attr('rel');
                        val = (settings.opt < 0) ? settings.inputval : val;
                        if (val) $input.val(val);
                    }
                }
                else if (key == 40) {
                    if (settings.opt < $('ul li', $obj).length - 1) {
                        settings.opt++;
                        var val = $('ul li', $obj).removeClass(settings.css).eq(settings.opt).addClass(settings.css).attr('rel');
                        if (val) $input.val(val);
                    }
                }
            }).blur(function() {
                settings.opt = -1;
                $('ul', $obj).html('');
            });

            // Ajax Request
            var sendRequest = function(val) {
                $.post(settings.ajax, { value: val }, function(json) {
                    // Clear the List
                    $('ul', $obj).html('');
                    // Evaluate the return obj
                    json = eval(json);
                    // Show the list if there is a return
                    if (json && json.length > 0) {
                        for (i in json) {
                            $('ul', $obj).append('<li rel="' + json[i].value + '">' + json[i].display + '</li>');
                        }
                        // Start mouse actions after list is set
                        mouseaction();
                    }
                });
            }

            // Run Mouse Actions
            function mouseaction() {
            
                // List effects
                $('ul li', $obj).mouseover(function() {
                    $('ul li', $obj).removeClass(settings.css);
                    $input.val($(this).addClass(settings.css).attr('rel'));
                });
                

                // Return orignal val when not hovering
                $('ul li', $obj).mouseout(function() {
                    $input.val(settings.inputval);
                });
            }
        });
    };
})(jQuery);

if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded();