/*
	 *	jquery.suggest 1.1 - 2007-08-06
	 *	
	 *	Uses code and techniques from following libraries:
	 *	1. http://www.dyve.net/jquery/?autocomplete
	 *	2. http://dev.jquery.com/browser/trunk/plugins/interface/iautocompleter.js	
	 *
	 *	All the new stuff written by Peter Vulgaris (www.vulgarisoip.com)	
	 *	Feel free to do whatever you want with this file
	 *
	 */
	
	(function($) {

		$.suggest = function(input, options) {
	
			var $input = $(input).attr("autocomplete", "off");
			var $results = $(document.createElement("ul"));

			var timeout = false;		// hold timeout ID for suggestion results to appear	
			var prevLength = 0;			// last recorded length of $input.val()
			var suggestTimer = false;
			var searchCacheList = [];
			var query = '';
			var start = 0;
			var mode = '';
			var searchresultsPerPage = 0;
			
			$results.addClass('suggestResults').appendTo($input.parent());
				
			resetPosition();
			$(window)
				.load(resetPosition)		// just in case user is changing size of page while loading
				.resize(resetPosition);

			$input.blur(function() {
				setTimeout(function() { $results.slideUp() }, 200);
			});
			
			// help IE users if possible
			try
			{
				$results.bgiframe();
			} catch(e) { }

			// I really hate browser detection, but I don't see any other way
			if ($.browser.mozilla)
			{
				$input.keypress(processKey);	// onkeypress repeats arrow keys in Mozilla/Opera
			}
			else
			{
				$input.keydown(processKey);		// onkeydown repeats arrow keys in IE/Safari
			}

			function resetPosition()
			{
				/*
				// requires jquery.dimension plugin
				var offset = $input.offset();
				$results.css({
					top: (offset.top + input.offsetHeight) + 'px',
					left: offset.left + 'px'
				});
				*/
			}
			
			function processKey(e)
			{
				// handling up/down/escape requires results to be visible
				// handling enter/tab requires that AND a result to be selected
				if ((/27$|38$|40$/.test(e.keyCode) && $results.is(':visible')) || (/^13$|^9$/.test(e.keyCode) && getCurrentResult()))
				{
		            if (e.preventDefault)
		                e.preventDefault();
					if (e.stopPropagation)
		                e.stopPropagation();

				e.cancelBubble = true;
				e.returnValue = false;
				
					switch(e.keyCode)
					{
						case 38: // up
							prevResult();
							break;
				
						case 40: // down
							nextResult();
							break;
	
						case 9:  // tab
						case 13: // return
							selectCurrentResult();
							break;
							
						case 27: //	escape
							$results.slideUp();
							break;	
					}
				}
				else if ($input.val().length != prevLength)
				{
					if (timeout)
					{
						clearTimeout(timeout);
					}
					timeout = setTimeout(suggest, options.delay);
					prevLength = $input.val().length;
				}
			}			
			
			function suggest()
			{
				clearTimeout(suggestTimer);
				suggestTimer = setTimeout(function(){startSearch();}, 800);
			}
			
			function startSearch()
			{
				start = 0;
				query = $.trim($input.val());
				options.searchTypeVal = options.searchTypeFieldId ? $(options.searchTypeFieldId).val() : options.searchTypeVal;

				switch(options.searchTypeVal)
				{
					default:
					case 'spot-gevel':
					case 'spot-logo':
					case 'spot-interieur':
					case 'spot-uitgaan':
					case 'spot-personeel':
					case 'spot':
						mode = 'zoekSpot';
					break;
					case 'plaats-uitgaan':
					case 'plaats':
						mode = 'zoekPlaats';
					break;
					case 'profiel':
						mode = 'zoekProfiel';
					break;
				}
				
				if (query.length >= options.minchars)
				{
					requestData(0);
				}
				else
				{
					$("#"+options.hiddenIdFieldId).val('');
					$results.slideUp();
				}
			}
			
			function requestData()
			{
				if ( searchCacheList[mode+'|'+query+'|'+start] == null )
				{
					$input.addClass('loading');
					$.getJSON('ajaxcall.php', {mode: mode, s: query, source: 'suggest', z: start}, function(jsondata)
					{
						$results.slideUp();

						var resultList = parseTxt(jsondata);

						displayItems(resultList);
						$input.removeClass('loading');
						searchCacheList[mode+'|'+query+'|'+start] = resultList;
					});
				}
				else
				{
					displayItems(searchCacheList[mode+'|'+query+'|'+start]);
				}
			}
			
			function displayItems(resultList)
			{
				if ( resultList.count == 0 )
				{
					return;
				}
					
				if (resultList.length)
				{
					var html = '';
					for (var i = 0; i < resultList.length; i++)
					{
						html += '<li><input type="hidden" value="' + resultList[i][1] + '" />' + resultList[i][0] + '</li>';
					}

					$results.html(html).slideDown().scrollTop(0);

					$results.children('li').mouseover(function()
					{
						$results.children('li').removeClass('suggestOver');
						$(this).addClass('suggestOver');
					})
					.click(function(e)
					{
						e.preventDefault(); 
						e.stopPropagation();
						selectCurrentResult();
					});
				}
				else
				{
					$results.html('<li><em>Geen resultaten</em></li>').slideDown();
					setTimeout(function(){$results.slideUp()}, 2000);
				}
			}
			
			function parseTxt(jsondata)
			{
				var resultList = [];
				
				if ( jsondata.length )
				{
					// parse returned data for non-empty resultList
					switch(options.searchTypeVal)
					{
						default:
						case 'spot-gevel':
						case 'spot-logo':
						case 'spot-interieur':
						case 'spot-uitgaan':
						case 'spot-personeel':
						case 'spot':
							for (var i = 0; i < jsondata[1].length; i++)
							{
								if ( jsondata[1][i]['spo_status'] == 'gesloten' )
								{
									spotNaam = '<span class="gesloten">'+jsondata[1][i]['spo_naam']+'</span>';
								}
								else
								{
									spotNaam = jsondata[1][i]['spo_naam'];
								}
								tekst = spotNaam+' @ '+jsondata[1][i]['pla_naam'];

								resultList.push([tekst, jsondata[1][i]['spo_id']]);
							}
						break;
						case 'plaats-uitgaan':
						case 'plaats':
							for (var i = 0; i < jsondata[1].length; i++)
							{
								tekst = jsondata[1][i]['pla_naam'];
								tekst += jsondata[1][i]['pla_naam'] == jsondata[1][i]['gem_naam'] ? '' : ', '+jsondata[1][i]['gem_naam'];
								tekst += ' ('+jsondata[1][i]['prv_afkorting'].toUpperCase()+')';

								resultList.push([tekst, jsondata[1][i]['pla_id']]);
							}
						break;
						case 'profiel':
							for (var i = 0; i < jsondata[1].length; i++)
							{
								tekst = jsondata[1][i]['username']+' @ '+jsondata[1][i]['pla_naam'];
								if ( jsondata[1][i]['user_leeftijd'] )
								{
									tekst += ' ('+jsondata[1][i]['user_leeftijd']+')';
								}

								resultList.push([tekst, jsondata[1][i]['user_id']]);
							}
						break;
					}

					if ( jsondata[0]['start'] )
					{
						searchresultsPerPage = jsondata[0]['searchresultsPerPage'];
						resultList.push(['<em>&laquo; vorige</em>', -1]);
					}
					if ( jsondata[0]['totalRows'] > jsondata[0]['searchresultsPerPage']+jsondata[0]['start'] )
					{
						searchresultsPerPage = jsondata[0]['searchresultsPerPage'];
						resultList.push(['<em>&raquo; volgende</em>', 0]);
					}
				}
				
				return resultList;
			}
			
			// onderstreep functie, niet gebruikt
			function highlightMatchedSearch(txt, q)
			{
				return txt.replace(
					new RegExp(q, 'ig'), 
					function(q) { return '<span class="suggestMatch">' + q + '</span>' }
				);
			}
			
			function getCurrentResult()
			{
				if (!$results.is(':visible'))
				{
					return false;
				}
				
				var $currentResult = $results.children('li.' + 'suggestOver');
				
				if (!$currentResult.length)
				{
					$currentResult = false;
				}
				
				return $currentResult;
			}
			
			function selectCurrentResult()
			{
				$currentResult = getCurrentResult();
			
				if ( $currentResult )
				{
					hiddenId = $currentResult.children('input').val();
					
					if ( hiddenId > 0 )
					{
						$input.val($currentResult.text());
						$("#"+options.hiddenIdFieldId).val(hiddenId);
						$results.slideUp();
						
						// ieuw, vies
						if ( options.callbackFunction )
						{
							eval(options.callbackFunction+'();');
						}
					}
					else
					{
						if ( hiddenId == 0 )
						{
							nextPage();
						}
						else
						{
							prevPage();
						}
					}
				}
			
			}
			
			function nextPage()
			{
				start += searchresultsPerPage;
				requestData();
			}
			
			function prevPage()
			{
				start -= searchresultsPerPage;
				requestData();
			}
			
			function nextResult()
			{
				$currentResult = getCurrentResult();
			
				if ($currentResult)
				{
					$currentResult.removeClass('suggestOver').next().addClass('suggestOver');
				}
				else
				{
					$results.children('li:first-child').addClass('suggestOver');
				}
			}
			
			function prevResult()
			{			
				$currentResult = getCurrentResult();
			
				if ($currentResult)
				{
					$currentResult.removeClass('suggestOver').prev().addClass('suggestOver');
				}
				else
				{
					$results.children('li:last-child').addClass('suggestOver');
				}
			}
		}
		
		$.fn.suggest = function(hiddenIdFieldId, settings)
		{
			var options = $.extend({
				delay: 100,
				minchars: 2,
				searchTypeFieldId: '', // als het type (spot/plaats/etc) variabel is, welk formelement bepaalt dit? selector bij,. "input[name='nieuwsKoppelType']:checked"
				searchTypeVal: '', // als het type (spot/plaats/etc) vast is, welke? bijv: "profiel"
				callbackFunction: '', // functie die gestart wordt als er een keus is gemaakt
				hiddenIdFieldId: hiddenIdFieldId
			}, settings||{});

			this.each(function()
			{
				new $.suggest(this, options);
			});
	
			return this;
		};
		
	})(jQuery);