/*
* jQuery Search Light Plugin
* version: 1.0.1 (2009/07/29)
* @requires jQuery v1.3.0 or later
*
* Copyright 2009 Ryan Williams
* http://ryanwilliams.org
* searchlight@ryanwilliams.org
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function(jQuery) {
    var SearchLight = function(input, url, options) {
        settings = jQuery.extend({
            minimumCharacters: 3,
            searchDelay: 500,
            limitPerCategory: 5,
            actionFunction: null,
            align: 'left',
            width: 'auto',
            showIcons: true,
            showEffect: 'fade', // TODO
            hideEffect: 'fade' // TODO
        }, options);
        this._settings = settings;
 
        var input = jQuery(input);
	document.a = input;
        var container = jQuery(document.createElement('div'));
        container.attr('className', 'searchlight-balloon');
        container.css({
            position: 'absolute',
            top: input.offset().top + 22,
            display: 'none'
        });
 
        if (settings.width == 'auto') {
            container.css('width', input.outerWidth());
        }
        if (settings.align == 'left') {
            container.css('left', input.offset().left);
        } else if (settings.align == 'right') {
            container.css('right', jQuery(document.body).innerWidth() - (input.offset().left + input.outerWidth()));
        }
 
        var results = jQuery(document.createElement('div'));
        results.attr('className', 'searchlight-results-wrapper');
        results.css({
            height: '100%'
        });
 
        if (jQuery.browser.msie && parseFloat(jQuery.browser.version) <= 7) {
            results.css({
                width: '1%'
            });
        }
 
        container.append(results);
        jQuery(document.body).append(container);
 
 
        this._input = input;
        this._container = container;
        this._searchURL = url;
        this._resultsContainer = results;
 
        input.bind('focus.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
            if (this.value.length >= settings.minimumCharacters) {
                searchlight.search(this.value);
            }
        });
        jQuery(document.body).bind('mousedown.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
 
            // Make sure we didn't click the searchlight
            var node = evt.target;
            var c = 0
            while (node) {
                // Clicked searchlight, so return
                if (node == searchlight._input[0] || node == searchlight._container[0]) {
                    return;
                }
                node = node.parentNode;
            }
 
            searchlight.hide();
        });
 
        input.bind('keydown.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
            if (evt.which == 38 && searchlight._selectedRow > 0) {
                // Up arrow
                searchlight.selectRow(searchlight._selectedRow-1);
            } else if (evt.which == 40 && searchlight._selectedRow < searchlight._rowCount -1) {
                // Down arrow
                searchlight.selectRow(searchlight._selectedRow+1);
            } else if (evt.which == 13 && searchlight._selectedRow > -1) {
                searchlight.activateRow(searchlight._selectedRow);
            }
            if (evt.which == 13 || evt.which == 38 || evt.which == 40) {
                evt.preventDefault();
            }
        });
        input.bind('keyup.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
            if (searchlight._searchDelayTimer) {
                clearTimeout(searchlight._searchDelayTimer);
            }
            searchlight._searchDelayTimer = setTimeout(function() {
                var input = searchlight._input[0];
                if (input.value == searchlight._previousQuery) {
                } else if (input.value.length >= settings.minimumCharacters) {
                    searchlight.search(input.value);
                } else {
                    searchlight.hide();
                }
            }, settings.searchDelay);
        });
        input.bind('keypress.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
        });
        this._container.bind('mouseleave.searchlight', {searchlight: this}, function(evt) {
            var searchlight = evt.data.searchlight;
            searchlight.selectRow(-1);
        });
 
 
        this.resultAction = settings.actionFunction ? settings.actionFunction : this.defaultResultAction;
    };
    SearchLight.prototype.show = function() {
        if (!this._container.is(':visible')) {
            this._container.fadeIn('fast');
        }
    };
    SearchLight.prototype.hide = function() {
        if (this._disableHide) {
            return;
        }
        this._container.fadeOut('fast');
    };
    SearchLight.prototype.search = function(query) {
        var searchlight = this;
        this._previousQuery = query;
        if (this._previousXHR) {
            this._previousXHR.abort();
        }
        this._previousXHR = jQuery.getJSON(this._searchURL, {q: query}, function(results) {
            searchlight.clearResults();
            for (var i = 0; i < results.length; i++) {
                var r = results[i]
                if (r.results.length > 0) {
                    searchlight.addResultCategory(r.title, r.results);
                }
            }
            searchlight.show();
			jQuery('.searchlight-balloon').highlight(jQuery('#searchText').val());
        });
    };
    SearchLight.prototype.clearResults = function() {
        this._categoryCount = 0;
        this._rowCount = 0;
        this._selectedRow = -1;
        this._resultsContainer.html('<table class="searchlight-results"></table>');
    };
    SearchLight.prototype.addResultCategory = function(name, results) {
        var first = true;
        for (var i = 0; i < results.length; i++) {
            var r = results[i];
 
            var tr = document.createElement('tr');
            jQuery(tr).attr('className', 'searchlight-not-selected');
 
            var th = document.createElement('th');
            var td = document.createElement('td');
            jQuery(th).html('<div class="searchlight-header-text"></div>');
            jQuery(td).html('<div class="searchlight-result-text"></div>');
            var th_d = th.firstChild;
            var td_d = td.firstChild;
 
            if (first) {
                jQuery(th_d).text(name);
                first = false;
            }
 
            if (this._settings.showIcons) {
                var img = document.createElement('img');
                img.className = 'searchlight-result-icon';
                img.style.width = '36px';
                img.style.height = '36px';
                // If icon, then use that otherwise use blank
                img.src = r[2] ? r[2] : 'icons/blank.gif';
                jQuery(td_d).append(img);
            }
 
            jQuery(td_d).append(r[1]);
 
            jQuery(tr).append(th);
            jQuery(tr).append(td);
 
            jQuery(tr).bind('mousemove', {searchlight: this}, function(evt) {
                var searchlight = evt.data.searchlight;
                searchlight.selectRow(this._rowId);
            });
            jQuery(tr).bind('click', {searchlight: this}, function(evt) {
                var searchlight = evt.data.searchlight;
                searchlight.activateRow(this._rowId);
            });
 
            tr._rowId = this._rowCount;
            tr._actionValue = r[0];
            this._resultsContainer.children('table').append(tr);
            this._rowCount++;
        }
 
        // Add spacer if this isn't the first category
        var tr = document.createElement('tr');
        var th = document.createElement('th');
        var td = document.createElement('td');
        tr.className = 'searchlight-spacer-row';
 
        jQuery(tr).append(th);
        jQuery(tr).append(td);
        this._resultsContainer.children('table').append(tr);
 
        this._categoryCount++;
    };
 
    SearchLight.prototype.selectRow = function(id) {
        this._selectedRow = id;
 
        this._resultsContainer.find('tr:not(.searchlight-spacer-row)').each(function(i) {
            if (this._rowId == id) {
                if (!jQuery(this).hasClass('searchlight-selected')) {
                    jQuery(this).removeClass('searchlight-not-selected');
                    jQuery(this).addClass('searchlight-selected');
                }
            } else {
                if (!jQuery(this).hasClass('searchlight-not-selected')) {
                    jQuery(this).removeClass('searchlight-selected');
                    jQuery(this).addClass('searchlight-not-selected');
                }
            }
        });
    };
 
    SearchLight.prototype.activateRow = function(id) {
        this.resultAction(this._resultsContainer.find('tr:not(.searchlight-spacer-row):eq('+ id +')')[0]._actionValue);
    }
 
    SearchLight.prototype.defaultResultAction = function(val) {
        window.location.href = val;
    };
 
 
    jQuery.fn.searchlight = function(url, options) {
        this.each(function() {
            new SearchLight(this, url, options);
        });
    };
})(jQuery);