/**
 * LiveSearch (requires the dimensions plug-in)
 *
 * Applies "live search" to input-fields
 *
 * Usage: jQuery('#q').liveSearch({ajaxURL: '/ajax/search/?q='});
 *
 * @class liveSearch
 * @param {Object} conf, custom config-object
 *
 * Copyright (c) 2008 Andreas Lagerkvist (andreaslagerkvist.com)
 * Released under a GNU General Public License v3 (http://creativecommons.org/licenses/by/3.0/)
 */
// Hide all search-results if you click outside them
$(document.body).click(function(event) {
 if(!$(event.target).parents('div.live-search-results').length && event.target.tagName.toLowerCase() != 'input') {
     
     jQuery('div.live-search-results').slideUp(300);
 }
});
jQuery.fn.liveSearch = function(conf) {
	var config = jQuery.extend({
		ajaxURL: '/mod/search-results.php?q='
	}, conf);

	return this.each(function() {
		var input		= jQuery(this);
		var tmpOffset	= input.offset();
		var inputDim	= {
			left:	tmpOffset.left - (conf['width'] - input.outerWidth()) + (conf['offset_left']), 
			top:	tmpOffset.top, 
			width:	conf['width'], //input.outerWidth(), 
			height:	input.outerHeight()
		};
		var results			= jQuery('<div class="live-search-results"></div>').appendTo(document.body).hide().slideUp(0);
		var resultsShit		= parseInt(results.css('paddingLeft'), 10) + parseInt(results.css('paddingRight'), 10) + parseInt(results.css('borderLeftWidth'), 10) + parseInt(results.css('borderRightWidth'), 10);
		inputDim.topNHeight	= inputDim.top + inputDim.height;
		inputDim.widthNShit	= inputDim.width - resultsShit;
		results.css({
			position:	'absolute', 
			left:		inputDim.left +'px', 
			top:		inputDim.topNHeight +'px',
			width:		inputDim.widthNShit +'px'
		});
        

        input.focus(function() {
            if(!results[0].innerHTML) {
                results[0].innerHTML = conf['html']
            }
            results.slideDown(300)
        })
        
		var go = function() {
		    var q = this.value;
		    if(!q) {
                results[0].innerHTML = conf['html']
				clearTimeout(this.timer);
            }
            else {
			    if(this.value != this.lastValue) {
    				input.addClass('ajax-loading');

				
                    if(!q) {
                        results[0].innerHTML = conf['html']
                    }
                    else {
        				if(this.timer) {
        					clearTimeout(this.timer);
        				}
                
        				this.timer = setTimeout(function() {
        					jQuery.get(config.ajaxURL +q, function(data) {
        						input.removeClass('ajax-loading');

        						if(data.length) {
        							results.html(data).slideDown(300);
        						}
        						else {
        							results.slideUp(300);
        						}
        					});
        				}, 200);
    				}

    				this.lastValue = this.value;
    			}
			}
		};
		input.keyup(go)
	});
};