/*
 * 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($) {
	var SearchLight = function(input, url, options) {
		settings = $.extend({
			minimumCharacters: 3,
			searchDelay: 200,
			limitPerCategory: 5,
			actionFunction: null,
			align: 'left',
			width: 'auto',
			highlight: true,
			showIcons: true,
			showEffect: 'fade', // TODO
			hideEffect: 'fade'  // TODO
		}, options);
		this._settings = settings;

		var input = $(input);
		var container = $(document.createElement('div'));
		container.attr('className',  'searchlight-balloon');
		container.css({
			position: 'absolute',
			top: input.offset().top + input.outerHeight(),
			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', $(document.body).innerWidth() - (input.offset().left + input.outerWidth()));
		}

		var results = $(document.createElement('div'));
		results.attr('className', 'searchlight-results-wrapper');
		results.css({
			height: '100%'
		});

		if ($.browser.msie && parseFloat($.browser.version) <= 7) {
			results.css({
				width: '1%'
			});
		}

		container.append(results);
		$(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);
			}
		});
		$(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);
				evt.preventDefault();
			}
			if (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 = $.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.type,  r.results);
				}
			}
			searchlight.show();
		});
	};
	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, type, results) {
		var first = true;
		for (var i = 0; i < results.length; i++) {
			var r = results[i];

			var tr = document.createElement('tr');
			$(tr).attr('className', 'searchlight-not-selected');

			var th = document.createElement('th');
			var td = document.createElement('td');
			$(th).html('<span class="searchlight-header-text"></span>');
			$(td).html('<span class="searchlight-result-text"></span>');
			var th_d = th.firstChild;
			var td_d = td.firstChild;

			if (first) {
				$(th_d).text(name);
				first = false;
			}

			if (this._settings.showIcons) {
				var img = document.createElement('img');
				img.className = 'searchlight-result-icon';
				img.style.width = '16px';
				img.style.height = '16px';
				// If icon, then use that otherwise use blank
				img.src = r[2] ? r[2] : 'icons/blank.gif';
				$(td_d).append(img);
			}
			tr._actionDisplayResult = r[1];
			if ( this._settings.highlight) {
				var str  = this._previousQuery.split(" ");
				for ( idx = 0; idx < str.length; idx++ ) {
					r[1] = r[1].replace( eval('/' +  str[idx]  + '/gi'), "<em>$&</em>" );
				}
			}			
			$(td_d).append(r[1]);
			
			if ( type == 2 && r[3] ) { 	//PROPERTY RESULT
				var img = document.createElement('img');
				img.className = 'searchlight-result-icon';
				img.style.width = '16px';
				img.style.height = '16px';
				// If icon, then use that otherwise use blank
				img.src = r[3];
				$(td_d).append("&nbsp;").append(img);
			}
			
			
			$(tr).append(th);
			$(tr).append(td);

			$(tr).bind('mousemove', {searchlight: this}, function(evt) {
				var searchlight = evt.data.searchlight;
				searchlight.selectRow(this._rowId);
			});
			$(tr).bind('click', {searchlight: this}, function(evt) {
				var searchlight = evt.data.searchlight;
				searchlight.activateRow(this._rowId);
			});

			tr._rowId = this._rowCount;
			tr._actionValue = r[0];
			tr._actionDisplay = r[1];
			tr._resultType = type;

			if ( type == 3 ) { 					// TravelGuide
				tr._autoPost = true;
			} else if ( type == 2 && r[2]) {	// Property
				tr._autoPost  = r[2];
			} else {
			  tr._autoPost = false;
			}
			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';

		$(tr).append(th);
		$(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 (!$(this).hasClass('searchlight-selected')) {
					$(this).removeClass('searchlight-not-selected');
					$(this).addClass('searchlight-selected');
				}
			} else {
				if (!$(this).hasClass('searchlight-not-selected')) {
					$(this).removeClass('searchlight-selected');
					$(this).addClass('searchlight-not-selected');
				}
			}
		});
	};

	SearchLight.prototype.activateRow = function(id) {
		var ctrl = this._resultsContainer.find('tr:not(.searchlight-spacer-row):eq('+ id +')')[0]
		var ret = this.resultAction(
			ctrl._actionValue,
			ctrl._actionDisplayResult,
			ctrl._autoPost,
			ctrl._resultType
		);
		this.hide();
		return ret;
	}

	SearchLight.prototype.defaultResultAction = function(val) {
		window.location.href = val;
	};

	$.fn.searchlight = function(url, options) {
		this.each(function() {
			new SearchLight(this, url, options);
		});
	};
})(jQuery);