// Suchfunktion
var requestInAction=false;

function enterKeyword(input){
	var key = input.value.replace("%","");
	var res = "leer";

	
	if(key!=null && key!="" && key.length>2){

		// zus�tzlicht Steuerfunktion? 
		// wenn w�hrend des Delays eine Eingabe get�tigt wird, wird keine Anfrage gesendet. Auch nicht nach Ablauf des Delays. Dies erfordert eine ernuete eingabe des Begriffs.
		if(requestInAction==false){			
				
				requestInAction=true;
				var sqlUrl="/opencms/de/sql?key="+key;		
				
				$.ajax({				
					  url: sqlUrl,		  		  
					  cache: false,
					  success: function(html){
						res=html;			    
						var jsonRes = json_parse(res);
												
						var outFirst = "";
						var outLast = "";

						var repl = "<b>"+key+"</b>";

						for(i in jsonRes){
							if(jsonRes[i].flag==1)							
								outFirst+="<div class='r' id='"+i+"'><span class='vSpecial' id='v"+i+"'>"+jsonRes[i].key.toLowerCase().replace(key,repl)+"</span><span class='a'><i><b>"+jsonRes[i].id+"</b></i></span></div>";
							else
								outLast+="<div class='r' id='"+i+"'><span class='v' id='v"+i+"'>"+jsonRes[i].key.toLowerCase().replace(key,repl)+"</span><span class='a'><i><b>"+jsonRes[i].id+"</b></i></span></div>";
						}
						var out = outFirst+outLast;
						
						document.getElementById("sqlResult").innerHTML=out;
						if(out!="") // nur wenn result nicht leer -> class setzen (sonst erscheint border auch am leeren div)
							document.getElementById("sqlResult").className="sqlResult";
						else // sonst div leeren und class l�schen (sonst ist class noch vom letzetn gef�llten result vorhanden)
							resetSqlResult();					
						
						// erst ab hier sind die divs vorhanden und kann von jquery gefunden werden. wird die funktion vorher eingebunden, sind die divs f�r jquery nicht vorhanden.
						
						$("div.r").click(function () {		
							var key = "v"+this.id;
							var val = document.getElementById(key).innerHTML.toLowerCase();
							val=val.replace("<b>","");
							val=val.replace("</b>","");
							document.getElementById("textfield_suche").value=val;
							resetSqlResult();	
							document.suche.submit();
							//alert("SUCHE");
						});
						
						requestInAction=false;							
					  },
				  	  error: function(html){
						res="ERROR";
						document.getElementById("sqlResult").innerHTML=res;
						requestInAction=false;					
					  }		  
				});				
			}
		
		}else{
			resetSqlResult();
		}
	
	
}

function resetSqlResult(){	
	document.getElementById("sqlResult").innerHTML="";
	document.getElementById("sqlResult").className="";	
}