var suggestionAjax = false;
var timeoutID = false;
var keywords = '';
var page = 1;

$(document).ready(function(){
	var keywordInput = $("input[name='keyword']","form[name='quick_find_header']");
	$("form[name='quick_find_header']").append('<div id="suggestions"></div>');
	
	var leftPos = $('#suggestions').width() - keywordInput.width();
	//$('#suggestions').css('left','-'+leftPos+'px');
	
	$('#suggestionNext').live('click',function(){ page++; doSearch(); });
	$('#suggestionPrev').live('click',function(){ page--; doSearch(); });
	
	keywordInput.keyup(function(){
		page = 1;
		keywords = this.value;
		doSearch();
	}).blur(function(){$('#suggestions').fadeOut();}).attr('autocomplete','off');
});

function doSearch() {
	$('#suggestions').fadeOut();
	if (suggestionAjax != false) { suggestionAjax.abort(); }
	if (timeoutID != false) { window.clearTimeout(timeoutID); }
	if (keywords != '') {
		timeoutID = window.setTimeout(function() {
			suggestionAjax = $.get("search_api.php", {action: 'suggestion.search', keyword: keywords, page: page}, function(data) { 
				$('#suggestions').html(data);
				if (data != '') { $('#suggestions').fadeIn(); }
			});		
		}, 250);
	}
}