$(document).ready(function(){
	var lastSearchString = '';
	$("#searchbox").after('<ul id="searchboxTip"><!-- xD --></ul>');
	
	$("#searchboxTip").hide();
	$("#searchbox").keyup(function(){
		if($("#searchbox").attr('value') == lastSearchString)
			return false;
		lastSearchString = $("#searchbox").attr('value');
		if($("#searchbox").attr('value').length < 3)
			$("#searchboxTip").fadeOut(50);
		if($("#searchbox").attr('value').length >= 3)
		{
			var mySearchString = $("#searchbox").attr('value');
			$("#searchboxTip").empty().html('<li class="loading center">ładowanie...</li>').fadeIn(50);
			$.post(BASE_URL+'ajax/search', { searchString: $("#searchbox").attr('value') }, function(d){
				if($("#searchbox").attr('value') == mySearchString)
				{
					data = JSON.parse(d);
					$("#searchboxTip li.loading").remove();
					for(i=0; i<data.length; i++)
						$("#searchboxTip").append('<li><a href="'+data[i].link+'"><b class="title">'+data[i].title+data[i].icons+'</b><div class="opis">'+data[i].plot+'</div></a></li>');
				}
			});
		}
	});
	$("#searchbox").focusin(function(){
		if($("#searchbox").attr('value').length >= 3)
			$("#searchboxTip").fadeIn(50);
	});
	$("#searchbox").focusout(function(){
		setTimeout('$("#searchboxTip").fadeOut(50)', 200);
	});
});