/*
	 *	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
	 *
	 */

  var currentValue = "";
  var selectedValue = "";
	var selectedClass = "";

	(function($) {

		$.suggest = function(input, options) {

			var $input = $(input).attr("autocomplete", "off");			
			var $inputId = input.id;

			var timeout = false;		// hold timeout ID for suggestion results to appear
			var prevLength = 0;			// last recorded length of $input.val()
			var cache = [];				  // cache MRU list
			var cacheSize = 0;			// size of cache in chars (bytes?)
			var overSrl = "false";  // indicates, if mouse is over result layer
			var booBtnOpenSuggest = false // Oli: for click on open-button

			var $results = $('<ul></ul>');
			
			// Define suggest template 
			var sHtmlLayer = 	'<div class="ac_results layerBox">' +
									'<div id="boxContent" class="boxContent buggybox">' +
										'<div class="rightBorder"><div class="rightSide"><hr/></div><div class="rightCorner"><hr/></div></div>' +
									'</div>' +
									'<div class="bottomBorder"><div class="leftSide"><hr/></div><div class="rightCorner"><hr/></div></div>' +
								'</div>';
			
			// append template to body and add result
			var div1 = $(sHtmlLayer).appendTo("body");
			var $boxContent = div1.find(".boxContent").append($results);
						
			//resetPosition();
			$(window)
				.load(resetPosition)		// just in case user is changing size of page while loading
				.resize(resetPosition);

			div1.hover(function(){
			  overSrl = "true";
			},function(){
			  overSrl = "false";
			});

			$input.blur(function() {
				if (overSrl=="false")
					setTimeout(function() { div1.hide() }, 200);
			});

			// help IE users if possible
			try {
				div1.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
			
			// ******************************************************
			// From Oli: click on user defined button to open suggest
			if(options.btnForceSuggest){
				options.btnForceSuggest.click(function(e){
					//console.log("suggest(", e, ") wird geöffnet");
					var $this = $(this);

					if (e.stopPropagation)
						e.stopPropagation();
					
					if( div1.is(':visible') ) {
						div1.hide();
						$this.removeClass("closeDropdown");
					} else {
						booBtnOpenSuggest = true;
						suggest();
						$this.addClass("closeDropdown");
					}
				});
			}
			
			// Oli: hide results on click
			$("body").click(function(){
				//console.log("body clicked");
				div1.hide();
				// reset arrow if defined button available
				options.btnForceSuggest ? options.btnForceSuggest.removeClass("closeDropdown") : 0;
			});	


			function resetPosition() { 
				// requires jquery.dimension plugin
				// Use refererElement if available otherwise use standard $input
				
				var $referer = options.refererElement ? options.refererElement : $input;
				var offset = $referer.offset();
				var nWidth = $referer.outerWidth() + 3;
				//console.log("input =", input, "| nWidth = ", nWidth);
				div1.css({
					top: (offset.top + $referer[0].offsetHeight) + 'px',
					left: offset.left + 'px',
					width:nWidth > 0 ? nWidth : "14.5em"
				});
			}

			function processKey(e)
			{
				//console.log("processKey(",e,") called");
				// 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) && div1.is(':visible')) || e.keyCode==9 || (/^13$|^9$/.test(e.keyCode) && getCurrentResult()))
				{
					if (e.keyCode!=9)
					{
			      		if (e.preventDefault)
							e.preventDefault();
						if (e.stopPropagation)
							e.stopPropagation();

						e.cancelBubble = true;
						e.returnValue = false;
					}

					switch(e.keyCode)
					{
						case 38: // up
							prevResult();
							$currentResult = getCurrentResult();
							if ($currentResult && $currentResult[0].className.indexOf("selectable")==-1)
								prevResult();
							break;

						case 40: // down
							nextResult();
							$currentResult = getCurrentResult();
							if ($currentResult && $currentResult[0].className.indexOf("selectable")==-1)
								nextResult();
							break;

						case 9:  // tab
							if (getCurrentResult())
								selectCurrentResult();
							else
								div1.hide();
							break;

						case 13: // return
							selectCurrentResult();
							break;

						case 27: //	escape
							div1.hide();
							break;
					}
				}
				else if ($input.val().length != prevLength || $input.val().length==0)
				{
					if (timeout)
						clearTimeout(timeout);
					timeout = setTimeout(suggest, options.delay);
					prevLength = $input.val().length;
				}
			}


			function suggest() {

				var q = $.trim($input.val());

				//eliminate [ and ]
				q = q.replace(/[\[\]]/g,"");

				currentValue = q;

				if (q.length >= options.minchars || booBtnOpenSuggest) {
					
					booBtnOpenSuggest == false;
					cached = checkCache(q);

					if (cached) {

						displayItems(cached['items']);

					} else {

						$.get(options.source, {q: q, selectedValue: selectedValue, selectedClass: selectedClass}, function(txt) {

							div1.hide();

							var items = parseTxt(txt, q);							
							displayItems(items);
							resetPosition();
							
							addToCache(q, items, txt.length);

						});

					}

				} else {

					div1.hide();

				}

			}

			function checkCache(q) {

				for (var i = 0; i < cache.length; i++)
					if (cache[i]['q'] == q) {
						cache.unshift(cache.splice(i, 1)[0]);
						return cache[0];
					}

				return false;

			}

			function addToCache(q, items, size) {

				while (cache.length && (cacheSize + size > options.maxCacheSize)) {
					var cached = cache.pop();
					cacheSize -= cached['size'];
				}

				cache.push({
					q: q,
					size: size,
					items: items
					});

				cacheSize += size;

			}

			function displayItems(items) {

				if (!items)
					return;

				if (!items.length) {
					div1.hide();
					return;
				}
								
				var separatorFound = "false";
				var html = '';
				for (var i = 0; i < items.length; i++)
				{
					if ($inputId=="txtLoc" || $inputId=="txtCitySmall")
					{
						if (items[i]=="#ResultCode_1#")
						{
							if (separatorFound=="false")
								html += '<li class="street title buggybox"><h3>STRASSEN</h3><br class="clear"/><div class="info">Zu viele Treffer</div></li>';
							else if (separatorFound=="true")
								html += '<li class="sep loc title buggybox"><h3>ORTE</h3><br class="clear"/><div class="info">Zu viele Treffer</div></li>';
						}
						else if (items[i].indexOf("#")==0)
						{ var no = parseInt(items[i].substring(1,items[i].length-1));

							if (separatorFound=="false")
								html += '<li class="street title buggybox"><div class="resultInfo">'+(no<10?no:'10') + ' von ' + no + '</div><h3>STRASSEN</h3></li>';
						  else if (separatorFound=="true")
						  	html += '<li class="sep loc title buggybox"><div class="resultInfo">'+(no<10?no:'10') + ' von ' + no + '</div><h3>ORTE</h3></li>';
						}
						else if (items[i]=="---")
						{ separatorFound = "true";
							//html += '<li class="sep"><hr /></li>';
						}
						else if (separatorFound=="false")
							html += '<li class="selectable street">' + items[i] + '</li>';
						else if (separatorFound=="true")
							html += '<li class="selectable loc">' + items[i] + '</li>';
					}
					else if ($inputId=="txtSearchTerm")
					{
						if (items[i].indexOf("#")==0)
						{ var no = parseInt(items[i].substring(1,items[i].length-1));

						  html += '<li class="cat title buggybox"><h3>BRANCHEN</h3><div class="resultInfo">'+(no<10?no:'10') + ' von ' + no + '</div></li>';
						}
						else
							html += '<li class="selectable cat">' + items[i] + '</li>';
					}
					else if ($inputId=="txtRecipient")
					{
						if (items[i].indexOf("#")==0)
						{ var no = parseInt(items[i].substring(1,items[i].length-1));

						  html += '<li class="cat title buggybox"><h3>User</h3><div class="resultInfo">'+(no<10?no:'10') + ' von ' + (no<=100?no:'sauvielen') + '</div></li>';
						}
						else
							html += '<li class="selectable cat">' + items[i] + '</li>';
					}
					else if ($inputId=="txtUserFilter")
					{
						if (items[i].indexOf("#")==0)
						{ var no = parseInt(items[i].substring(1,items[i].length-1));

						  html += '<li class="cat title buggybox"><h3>User</h3><div class="resultInfo">'+(no<10?no:'10') + ' von ' + (no<=100?no:'sauvielen') + '</div></li>';
						}
						else
							html += '<li class="selectable cat">' + items[i] + '</li>';
					}
					else if ($inputId=="txtMainLoc" || $inputId=="txtLocalityFilter")
					{
					  // Zu viele Treffer
					  if (items[0]=="#ResultCode_1#") {
					  	break;
					  }
						else if (items[i].indexOf("#")==0)
						{ var no = parseInt(items[i].substring(1,items[i].length-1));

						  html += '<li class="cat title buggybox"><h3>ORTE</h3><div class="resultInfo">'+(no<10?no:'10') + ' von ' + no + '</div></li>';
						}
						else
							html += '<li class="selectable cat">' + items[i] + '</li>';
					}					
				}

				$results.html(html);
				if ($results.children('li').length>0)
				{
					$("div.inputHelper").hide();
					div1.show();
				}

				$results
					.children('li.selectable')
					.mouseover(function() {
						overSrl = "true";
						$results.children('li').removeClass(options.selectClass);
						$(this).addClass(options.selectClass);
					})
					.click(function(e) {
						e.preventDefault();
						e.stopPropagation();
						selectCurrentResult();
					});

			}

			function parseTxt(txt, q) {

				var items = [];
				var tokens = txt.split(options.delimiter);

				// parse returned data for non-empty items
				for (var i = 0; i < tokens.length; i++) {
					var token = $.trim(tokens[i]);

					if (token) {
						if (token.indexOf("#")!=0)
						{
							token = token.replace(
								new RegExp(q, 'ig'),
								function(q) { return '<span class="' + options.matchClass + '">' + q + '</span>' }
								);
							items[items.length] = token;
						}
						else
							items[items.length] = token;
					}
				}

				return items;
			}

			function getCurrentResult() {

				if (!div1.is(':visible'))
					return false;

				var $currentResult = $results.children('li.' + options.selectClass);

				if (!$currentResult.length)
					$currentResult = false;

				return $currentResult;

			}

			function selectCurrentResult()
			{
				$currentResult = getCurrentResult();

				if ($currentResult[0].className.indexOf("selectable")!=-1)
				{
					if ($currentResult)
					{
						$input.val($currentResult.text());
						div1.hide();

						if (options.onSelect)
							options.onSelect.apply($input[0]);
					}
				}
			}

			function nextResult() {
				$currentResult = getCurrentResult();

				if ($currentResult)
					$currentResult
						.removeClass(options.selectClass)
						.next()
							.addClass(options.selectClass);
				else
				{
					$results.children('li:first-child').addClass(options.selectClass);
				}
			}

			function prevResult() {
				$currentResult = getCurrentResult();

				if ($currentResult)
					$currentResult
						.removeClass(options.selectClass)
						.prev()
							.addClass(options.selectClass);
				else
					$results.children('li:last-child').addClass(options.selectClass);

			}

		}

		$.fn.suggest = function(source, options) {

			if (!source)
				return;

			options = options || {};
			options.source = source;
			options.delay = options.delay || 300;
			options.resultsClass = options.resultsClass || 'ac_results';
			options.selectClass = options.selectClass || 'ac_over';
			options.matchClass = options.matchClass || 'ac_match';
			options.minchars = options.minchars || 1;
			options.delimiter = options.delimiter || '\n';
			options.onSelect = options.onSelect || false;
			options.maxCacheSize = options.maxCacheSize || 65536;
			// from Oli: 
			options.btnForceSuggest = options.btnForceSuggest || false;	// Defines button to open suggest
			options.refererElement = options.refererElement || false;	// Defines referer element (used to align and size the tooltip)

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

			return this;

		};
		
		// ****************************
		// Public functions
		

	})(jQuery);


	function itemSelected(obj)
	{
		var prevSelectedValue = selectedValue;
    	var prevSelectedClass = selectedClass;

		//console.log("prevSelectedValue="+prevSelectedValue);
		//console.log("prevSelectedClass="+prevSelectedClass);

		selectedValue = obj.value;

		//console.log("currentValue="+currentValue);

		$currentResult.removeClass("ac_over");
		$currentResult.removeClass("selectable")

    //className has to be 'loc', 'street' or 'cat', therefore remove other classes before
		selectedClass = $currentResult[0].className;

		//console.log("selectedValue="+selectedValue);
		//console.log("selectedClass="+selectedClass);

		if (selectedClass=="loc")
		{
			$('#suggestLoc').val(selectedValue);
			$('#suggestStreet').val("");
		}
		if (selectedClass=="street")
			$('#suggestStreet').val(selectedValue);


		if ( prevSelectedClass=="" || selectedClass==prevSelectedClass || currentValue.indexOf(prevSelectedValue)==-1 )
			obj.value=selectedValue + " ";
    else
    {
    	var locQ = currentValue.substring(prevSelectedValue.length+1,currentValue.length);

    	//console.log("locQ before ="+locQ);

     	locQ = getWordsWithoutComas(locQ);
			if (prevSelectedClass=="street")
				locQ = getWordsWithoutNumbers(locQ);

      //console.log("locQ after ="+locQ);
      //console.log("substr="+currentValue.substring(0,currentValue.length-locQ.length));

			var searchPos = currentValue.lastIndexOf(locQ);

			//console.log("searchPos="+searchPos);

			//if (locQ.indexOf(",")==0)
			//	obj.value=currentValue.substring(0,currentValue.length-locQ.length) + ", " + selectedValue + " ";
			//else
			//	obj.value=currentValue.substring(0,currentValue.length-locQ.length) + selectedValue + " ";

			obj.value=currentValue.substring(0,searchPos) + selectedValue + " ";
	  }

		obj.focus();
		//only needed for IE, to set cursor at the end of text
		obj.value = obj.value;
	}

	function getWordsWithoutNumbers(str)
	{
 		var result = "";
		var a = str.split(" ");

    for (var i=0;i<a.length;++i)
    { var token = a[i];

      if (token.match("^[^0-9]+$"))
      { if (""==result)
          result = token;
        else
          result = result + " " + token;
      }
    }
 
    return result;
	}

	function getWordsWithoutComas(str)
	{
 		var result = "";
		var a = str.split(" ");

    for (var i=0;i<a.length;++i)
    { var token = a[i];

	    if ( (token.indexOf(",")==0 || token.indexOf(";")==0) && token.length>1 )
	      token = token.substring(1);

      if (token.match("^[^,;]+$"))
      { if (""==result)
          result = token;
        else
          result = result + " " + token;
      }
    }

    return result;
	}