/*
 *	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 cache = [];				// cache MRU list
		var cacheSize = 0;			// size of cache in chars (bytes?)
		
		
		$results.addClass(options.resultsClass).appendTo('body');
			

		resetPosition();
		$(window)
			.load(resetPosition)		// just in case user is changing size of page while loading
			.resize(resetPosition);

		// CARDIWEB : corriger le bug du onblur sous IE alors que l'on veut scroller avec l'ascenseur dans les résultats
		$results.estEnTrainDeScroller = false;	
		$results.mouseover(function(){
			$results.estEnTrainDeScroller = true;	
		});
		$results.mouseout(function(){
			$results.estEnTrainDeScroller = false;	
		});		

		$input.blur(function() {
			// CARDIWEB : corriger le bug du onblur sous IE alors que l'on veut scroller avec l'ascenseur dans les résultats
			if(!$.browser.msie || !$results.estEnTrainDeScroller){
				setTimeout(function() { $results.hide() }, 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$|39$|^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 39: // right
						selectCurrentResult();
						break;						
						
					case 27: //	escape
						$results.hide();
						break;

				}
				
			} else if ($input.val().length != prevLength) {

				if (timeout) 
					clearTimeout(timeout);
				timeout = setTimeout(suggest, options.delay);
				prevLength = $input.val().length;
				
			}			
				
			
		}
		
		// variable utilisé pour annuler les appels ajax en cours lors d'un appel
		var ajaxCall;
		
		function suggest() {
		
			var q = $.trim($input.val());

			if (q.length >= options.minchars) {
				
				cached = checkCache(q);
				
				if (cached) {
				
					displayItems(cached['items']);
					
				} else {
					
					// pour montrer que l'on travaille, on met un gif 
					$input.css({'background-image' : 'url(/cyberbase/skin/images/bo/picto/attente2.gif)', 'background-repeat' : 'no-repeat', 'background-position' : 'top right'});
					
					// on annule tout appel déjà en cours pour éviter une 'chaine' de réponses dans le cas de plusieurs recherche successives
					if(ajaxCall!=null){
						ajaxCall.abort();
					}
					
					// on passe aussi la chaine de recherche
					ajaxCall = $.ajax({
						type: 'GET', 
						url: options.source,
						data: 'chaine=' + q, 
						success: function(txt) { 
						
							$results.hide();

							var items = parseTxt(txt, q);
							displayItems(items);
							
							// on a fini de travailler : on retire le gif
							$input.css({'background-image': '', 'background-repeat': '', 'background-position': ''});

							addToCache(q, items, txt.length);
						}, 
						error: function(req, errorType){
							// récupération du message d'erreur
							var msgError = req.responseXML.documentElement.getElementsByTagName('value')[0].firstChild.data;
							
							// TODO : afficher un beau message d'erreur
							alert(msgError);
						} 
					});					
				}
				
			} else {
			
				$results.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!=3 && !items[0].length) {
				$results.hide();
				return;
			}
			
			// s'il n'y qu'une seule réponse, on la met directement dans l'input
			if(items[0].length == 1){
					$input.val(items[0][0]);
				$input.attr({'idInscrit' : items[1][0]});
				
				if ($("#idUsager") && $("nomPrenomUsager")) {
					// On vient de la popup d'affectation des usagers
					$("#idUsager").attr({'value' : items[1][0]});
				}
				 if ($("#idGroupe") && $("nomGroupe")) {
					// On vient de la popup d'affectation des groupes
					$("#idGroupe").attr({'value' : items[1][0]});
				}
				
				if(items[2][0]!=null || items[2][0]!=''){ // nombre d'usagers pour les groupes 
					// peupler le nombre d'usagers pour les groupes
					$('#nbR').attr({'value' : items[2][0]});
					$('#nbUsager').attr({'value' : items[2][0]});
				}

				$results.hide();
				return;
			}
			
			var html = '';
			for (var i = 0; i < items[0].length; i++)
				html += '<li ' + (items[2][i]==null||items[2][i]==''?'':'nbUsagers='+items[2][i]) + ' idInscrit="' + items[1][i] + '">' + items[0][i] + '</li>';

			$results.html(html).show();
			
			$results
				.children('li')
				.mouseover(function() {
					$results.children('li').removeClass(options.selectClass);
					$(this).addClass(options.selectClass);
				})
				.click(function(e) {
					e.preventDefault(); 
					e.stopPropagation();
					selectCurrentResult();
				});
						
		}
		
		/** Parse la réponse récupérée qui doit être un document XML */
		function parseTxt(txt, q) {
			// on récupère un fichier XML
			var documentXml = txt.documentElement;
			
			if(documentXml != null){
			
				var labels = [];
				var ids = [];
				var nbsUsagers = [];
			
				if(documentXml.getElementsByTagName('success') == null){
					return null;
				}

				if(documentXml.getElementsByTagName('hits')[0] == null){
					return null;
				}
				
				var hits = documentXml.getElementsByTagName('hits')[0].getElementsByTagName('hit');
				
				if(hits != null){
					
					var unHit = null;
					var unId = null;
					var unNom = null;
					var unNb = null;
									
					for (var i=0; i<hits.length; i++){
						
						unHit = hits[i];
						if(unHit!=null){
							unId = unHit.getElementsByTagName('id');
							unNom = unHit.getElementsByTagName('nom');
							unNb = unHit.getElementsByTagName('nbUsagers');
							
							if(unId!=null && unId[0]!=null && unNom!=null && unNom[0]!=null){
								if(hits.length>1){
									// on visualise la chaine recherchée en soulignant dans le résultat
									unNom[0].firstChild.data = unNom[0].firstChild.data.replace(
										new RegExp(q, 'ig'), 
										function(q) { return '<span class="' + options.matchClass + '">' + q + '</span>' }
									);
								}
								
								labels[labels.length] = unNom[0].firstChild.data;
								ids[ids.length] = unId[0].firstChild.data;
								nbsUsagers[nbsUsagers.length] = (unNb[0]==null?'':unNb[0].firstChild.data);
							}
						}
					}
				}	
					
			}	
			
			// On renvoie un tableau contenant les noms, les ids et les nb. d'usagers pour les groupes 
			return [labels, ids, nbsUsagers];
		}
		
		function getCurrentResult() {
		
			if (!$results.is(':visible'))
				return false;
		
			var $currentResult = $results.children('li.' + options.selectClass);
			
			if (!$currentResult.length)
				$currentResult = false;
				
			return $currentResult;

		}
		
		function selectCurrentResult() {
			
			$currentResult = getCurrentResult();
		
			if ($currentResult) {
				$input.val($currentResult.text());
				$input.attr({'idInscrit' : $currentResult.attr('idInscrit')});
				
				if($currentResult.attr('nbUsagers') != null){
					// peupler le nombre d'usagers pour les groupes
					$('#nbR').attr({'value' : $currentResult.attr('nbUsagers')});
					$('#nbUsager').attr({'value' : $currentResult.attr('nbUsagers')});
				}
				$results.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 || 200;
		options.resultsClass = options.resultsClass || 'ac_results';
		options.selectClass = options.selectClass || 'ac_over';
		options.matchClass = options.matchClass || 'ac_match';
		options.minchars = options.minchars || 3;
		options.delimiter = options.delimiter || '\n';
		options.onSelect = options.onSelect || false;
		options.maxCacheSize = options.maxCacheSize || 65536;

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

		return this;
		
	};
	
})(jQuery);