/**
 * jQuery Plugin for creating AJAX auto-suggest textfield
 * @requires jQuery 1.2 or later
 *
 * Copyright (c) 2010 Lucky
 * Licensed under the GPL license:
 *   http://www.gnu.org/licenses/gpl.html
 */
 
 function is_array(input){
    return typeof(input)=='object'&&(input instanceof Array);
  }
(function($) {
	function suggestion(callBackUrl, textFieldId){
		var divId="holder_" + textFieldId;
		this.divId="#" + divId;
		
		this.textFieldId="#" + textFieldId;
		this.shield=null;
		this.callBackUrl=callBackUrl;
		
		var width=$(this.textFieldId).width() + 3;
		var minChars=1;
		var currRow=0;
		var suggestRow="suggest_row";
		var suggestItem="suggest_item";
		var suggest_clicked = false;
		if($.browser.msie){
			if(parseInt($.browser.version)<7){
				var iframeId="shield_" + textFieldId;
				
				$(this.textFieldId).after('<iframe frameborder="0" id="' + iframeId + '"></iframe>');
				$("#" + iframeId).hide();
				
				this.shield="#" + iframeId;
			}
		}
		
		if(this.shield==null){
			var element=$(this.textFieldId);
		}
		else{
			var element=$(this.shield);
		}
		
		element.after('<div class="suggestions" id="' + divId + '"></div>');
		
		$(this.textFieldId).attr("autocomplete", "off");
		
		$(this.divId).hide();
		
		var me=this;
		$(this.textFieldId).keyup(
			function(e){
				clearInterval(suggest_clicked);
				if(e.keyCode!=37 && e.keyCode!=38 && e.keyCode!=39 && e.keyCode!=40 && e.keyCode!=13){
					if($(this).val().length>=minChars){
						$.ajax({
							url:me.callBackUrl + $(this).val(),
							success:function(data){
								var arr=eval(data);
								var html="";
								
								currRow=0;
								
								if(is_array(arr)){
								
								if(arr.length>0){
									for(i=0;i<arr.length;i++){
										cssClass=suggestItem;
										
										if(i==0){
											cssClass+=" first";
										}
										if(i==(arr.length-1)){
											cssClass+=" last";
										}
										
										if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
											{
												arr[i] = arr[i].replace('<B>','');	
												arr[i] = arr[i].replace('</B>','');	
											}else{
												arr[i] = arr[i].replace('<b>','');
												arr[i] = arr[i].replace('</b>','');
											} 
										
										
							html+='<div id="' + suggestRow + (i+1) + '" class="' + cssClass + '">' + arr[i].replace(new RegExp('(' + $(me.textFieldId).val() + ')', 'gi'), "$1") + '</div>';
										
										
									}
									
									
									
									
									
									$(me.divId).html(html);
									
									for(i=1;i<=arr.length;i++){
										$(me.divId + " #" + suggestRow + i).mouseover(function(e){
											me.unSelectAll(this);
											$(this).addClass("selected");
											
											
											
											if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
											{
												if($(this).html().indexOf('<FONT size=+0>') > 0)
													var str = $(this).html().split("<FONT size=+0>");
												else
													var str = $(this).html().split("<FONT>");
											}
											else
											{
												if($(this).html().indexOf('<font size=+0>') > 0)
													var str = $(this).html().split("<font size=+0>");
												else
													var str = $(this).html().split("<font>");
											}
											
											
											if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
											{
												str[1] = str[1].replace('<B>','');	
												str[1] = str[1].replace('</B>','');	
											}else{
												str[1] = str[1].replace('<b>','');
												str[1] = str[1].replace('</b>','');
											}
											
											$(me.textFieldId).val(str[1]);
											//$(me.textFieldId).val($(this).text());
										});
										
										$(me.divId + " #" + suggestRow + i).mouseout(function(e){
											$(this).removeClass("selected");
										});
										
										$(me.divId + " #" + suggestRow + i+" a").click(function(e){

												clearInterval(suggest_clicked);
										});
										$(me.divId + " #" + suggestRow + i).click(function(e){
												me.hide();
										});
									}
									
									me.show($(me.divId + " ." + suggestItem).height() * arr.length);
								}
								
								}
							
								else{
									me.hide();
								}
							},
							error: function(xhr, status, ex){
								//alert('There is an error with the request');
								
							}
						});
					}
					else{
						me.hide();
					}
				}
				else{
					if($(me.divId).css("display")!="none"){
						checkKey(e);
					}
				}
			}
		);
		
		$(this.textFieldId).keypress(
			function(e){
				/*if(e.keyCode==13){
					return false;
				}*/
				
				return true;
			}
		);
		
		$(this.textFieldId).bind(


			"blur",
			function(e){
				//if(!suggest_clicked)
				//	me.hide();
				suggest_clicked = setInterval(function() { me.hide(); }, 1000);
			}
		);
		
		this.show=function(height){
			$(this.divId).css({
				"position":"absolute",
				 "z-index":"100",
				//"left":$(this.textFieldId).position().left + "px",
				"right":"30px",
				//"top":$(this.textFieldId).position().top + $(this.textFieldId).height() + 5 + "px",
				"top":"36px",
				"height":height + "px"
			});
			
			$(this.divId).css({
				"width":width + "px"
			});
			
			$(this.divId + " ." + suggestItem).css({
				"width":width + "px",
				"overflow":"hidden"
			});
			
			$(this.divId).show();
			
			if(this.shield!=null && this.shield!=undefined && this.shield!=""){
				$(this.shield).css({
					"position":"absolute",
					"width":$(this.divId).width() + "px",
					"height":$(this.divId).height() - 2 + "px",
					"left":$(this.divId).position().left - 2 + "px",
					"top":$(this.divId).position().top + "px"
				});
				
				$(this.shield).show();
			}
		}
		
		this.hide=function(){
			if(this.shield!=null && this.shield!=undefined && this.shield!=""){
				$(this.shield).hide();
			}
			
			$(this.divId).hide();
		}
		
		this.unSelectAll=function(div){
			var id=$(div).attr("id");
			var rows=$(me.divId + " ." + suggestItem).get().length;
			
			for(i=1;i<=rows;i++){
				$(me.divId + " #" + suggestRow + i).removeClass("selected");
			}
			
			currRow=parseInt(id.replace(suggestRow, ""));
			var rgx=/^[0-9]+$/;
			if(!rgx.test(currRow)){
				currRow=0;
			}
		}
		
		this.setWidth=function(w){
			width=w;
		}
		
		this.setMinChars=function(c){
			minChars=c;
		}
		
		function checkKey(e){
			if($(me.divId).css("display")!="none"){
				var rows=$(me.divId  + " ." + suggestItem).get().length;
				if(e.keyCode==40){
					currRow++;
					if(currRow<=rows){
						if(currRow>0){
							$(me.divId + " #" + suggestRow + (currRow-1)).removeClass("selected");
						}
						
						$(me.divId + " #" + suggestRow + currRow).addClass("selected");
						//$(me.textFieldId).val($(me.divId + " #" + suggestRow + currRow).text());
						//document.write($(me.divId + " #" + suggestRow + currRow).html());
						//alert($(me.divId + " #" + suggestRow + currRow).html());
					
					if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
           			{
						if($(me.divId + " #" + suggestRow + currRow).html().indexOf('<FONT size=+0>') > 0)
							var str = $(me.divId + " #" + suggestRow + currRow).html().split("<FONT size=+0>");
						else
							var str = $(me.divId + " #" + suggestRow + currRow).html().split("<FONT>");
					}
					else
					{
						if($(me.divId + " #" + suggestRow + currRow).html().indexOf('<font size=+0>') > 0)
							var str = $(me.divId + " #" + suggestRow + currRow).html().split("<font size=+0>");	
						else
							var str = $(me.divId + " #" + suggestRow + currRow).html().split("<font>");	
						
					}
			
			
					if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
					{
						str[1] = str[1].replace('<B>','');	
						str[1] = str[1].replace('</B>','');	
					}else{
						str[1] = str[1].replace('<b>','');
						str[1] = str[1].replace('</b>','');
				    }
					
						//$(me.textFieldId).val(str[0]);
						$(me.textFieldId).val(str[1]);
					}
					else{
						currRow=rows;
					}
				}
				else if(e.keyCode==38){
					currRow--;
					if(currRow>0){
						if(currRow<rows){
							$(me.divId + " #" + suggestRow + (currRow+1)).removeClass("selected");
						}
						
						$(me.divId + " #" + suggestRow + currRow).addClass("selected");
						//$(me.textFieldId).val($(me.divId + " #" + suggestRow + currRow).text());
						//alert($(me.divId + " #" + suggestRow + currRow));
						//var str = $(me.divId + " #" + suggestRow + currRow).html().split("<font>");
						if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
           				{	
							if($(me.divId + " #" + suggestRow + currRow).html().indexOf('<FONT size=+0>') > 0)
								{
									var str = $(me.divId + " #" + suggestRow + currRow).html().split("<FONT size=+0>");
								}
							else
								{
									var str = $(me.divId + " #" + suggestRow + currRow).html().split("<FONT>");
								}
						}
						else
						{
							if($(me.divId + " #" + suggestRow + currRow).html().indexOf('<font size=+0>') > 0)
								{
									var str = $(me.divId + " #" + suggestRow + currRow).html().split("<font size=+0>");	
								}
							else
								{
									var str = $(me.divId + " #" + suggestRow + currRow).html().split("<font>");	
								}
						}
						
						
						if (/MSIE[\/\s](\d+\.\d+)/.test(navigator.userAgent))
						{
							str[1] = str[1].replace('<B>','');	
							str[1] = str[1].replace('</B>','');	
						}else{
							str[1] = str[1].replace('<b>','');
							str[1] = str[1].replace('</b>','');
						}
						
						
						//$(me.textFieldId).val(str[0]);
						$(me.textFieldId).val(str[1]);
					}
					else{
						currRow=1;
					}
				}
				else if(e.keyCode==13){
					me.hide();
				}
			}
			
			return true;
		}
	}
	
	$.fn.suggestion = function(options) {
		var settings = {
			width: null,
			minChars: null
		};
		$.extend(settings, options);
		
		this.each(function() {
			var obj = new suggestion(settings.url, $(this).attr('id'));
			
			if(settings.width!=null){
				obj.setWidth(settings.width);
			}
			
			if(settings.minChars!=null){
				obj.setMinChars(settings.minChars);
			}
		});
	}
})(jQuery);