/**
 * 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('#live_search').length) {
		$('#live_search').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, 
			top:	tmpOffset.top, 
			width:	input.outerWidth(), 
			height:	input.outerHeight()
		};
		

		input.keyup(function() {
			
			var results			= jQuery('<div id="live_search"></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);
			var resultsShit = 0;
			
			if($.browser.msie){
				var offsetX = 154;
		 	}
		 	else{
		    	var offsetX = 164;
		  	}
			
			var offsetY = 11
			
			inputDim.topNHeight	= inputDim.top + inputDim.height;
			inputDim.widthNShit	= inputDim.width - resultsShit;
			results.css({
				position:	'absolute', 
				left:		inputDim.left - offsetX +'px', 
				top:		inputDim.topNHeight + offsetY +'px',
				width:		inputDim.widthNShit +'px'
			});
		
			if(this.value != this.lastValue) {
				input.addClass('ajax-loading');
		
				var q = this.value;
				
				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);
						}
					});
					
				}, 100);


		
				this.lastValue = this.value;
			}
		});
	});
};