function FFSuggest(){
var pRequest;
var pLayer;
var pDebug=false;
var pInstanceName='';
var pSearchURL='';
var pQueryParamName='';
var pFormname='';
var pLayerName='';
var pQueryInput;
var pSuggest=[];
var pLastQuery;
var pCurrentSelection=0;
var submitted=false;
var pShowImages=false;
var pSuggestImageClass='suggestImage';
var pSuggestQueryClass='suggestTextQuery';
var pSuggestTypeClass='suggestTextType';
var pSuggestAmountClass='suggestTextAmount';
var pSuggestQueryTypedClass='suggestTextQueryTyped';
var pSuggestFooterClass='suggestFooter';
var pSuggestHeaderClass='suggestHeader';
var pSuggestRowClass='suggestRow';
var pSuggestHighlightClass='suggestHighlight';
this.init=function(searchURL,formname,queryParamName,divLayername,instanceName,debugMode,channelParamName,channel,showImages,suggestFields){
pSearchURL=searchURL;
pFormname=formname;
pQueryParamName=queryParamName;
pChannelParamName=channelParamName;
pChannel=channel;
pLayerName=divLayername;
pInstanceName=instanceName;
pDebug=debugMode;
pShowImages=showImages;
pSuggestFields=suggestFields;
if(pSearchURL==''){
if(pDebug){alert('no searchurl defined');}
return null;
}else if(pInstanceName==''){
if(pDebug){alert('no instancename defined');}
return null;
}else if(pFormname==''){
if(pDebug){alert('no formname defined');}
return null;
}else if(pQueryParamName==''){
if(pDebug){alert('no queryparamname defined');}
return null;
}else if(pLayerName==''){
if(pDebug){alert('need a layer for output');}
}
pQueryInput=document.forms[pFormname].elements[pQueryParamName];
pQueryInput.onkeyup=handleKeyPress;
pQueryInput.onfocus=showLayer;
pQueryInput.onblur=hideLayer;
document.forms[pFormname].onsubmit=handleSubmit;
};
function handleSubmit(){
submitted=true;
if(pSuggest[pCurrentSelection]!=undefined){
document.forms[pFormname].elements[pQueryParamName].value=pSuggest[pCurrentSelection].split('###')[0];
createQueryFromSuggestField();
}
}
this.handleClick=function(){
if(pSuggest[pCurrentSelection]!=undefined){
document.forms[pFormname].elements[pQueryParamName].value=pSuggest[pCurrentSelection].split('###')[0];
createQueryFromSuggestField();
document.forms[pFormname].submit();
}
};
this.handleMouseOver=function(pos){
var tblCell=getTableCell(pos);
unmarkAll();
if(tblCell !=null){
highlightSuggest(tblCell);
pCurrentSelection=pos;
}
};
this.handleMouseOut=function(pos){
var tblCell=getTableCell(pos);
if(tblCell !=null){
unmarkSuggest(tblCell);
pCurrentSelection=-1;
}
};
function handleKeyPress(evt){
evt=(evt)? evt:((event)? event:null);
var keyCode=evt.keyCode;
if(keyCode==38){
moveSelection('up');
}else if(keyCode==27){
hideLayer();
}else if(keyCode==40){
moveSelection('down');
}else{
if(pQueryInput.value==''){
hideLayer();
if(pLayer !=null){pLayer.innerHTML='';}
return null;
}
if(pLastQuery !=pQueryInput.value){startAjax();}
pLastQuery=pQueryInput.value;
}
}
function moveSelection(direction){
var pos=pCurrentSelection;
if(direction=='up'){pos--;}
else{pos+=1;}
if(pos<0){
unmarkAll();
pQueryInput.focus();
pCurrentSelection=-1;
}else{
var tblCell=getTableCell(pos);
if(tblCell !=null){
unmarkAll();
highlightSuggest(tblCell);
pCurrentSelection=pos;
}
}
var query=pQueryInput.value;
pQueryInput.value='';
pQueryInput.focus();
pQueryInput.value=query;
}
function startAjax(){
var query=pQueryInput.value;
if(query.length>50){return;}
var requestURL=pSearchURL+'?'+pQueryParamName+'='+encodeURIComponent(query)+'&'+pChannelParamName+'='+pChannel;
try{
if(window.XMLHttpRequest){
pRequest=new XMLHttpRequest();
}else if(window.ActiveXObject){
pRequest=new ActiveXObject("Microsoft.XMLHTTP");
}else{
if(pDebug){alert('no ajax connection');}
}
pLayer=document.getElementById(pLayerName);
if(pLayer !=null){
if(query !=''){
pRequest.open("GET",requestURL,true);
pRequest.onreadystatechange=callbackAjax;
pRequest.send(null);
}else{
hideLayer();
}
}else{
if(pDebug){alert('no layer for output found');}
}
}catch(ex){
hideLayer();
if(ex==undefined){
if(pDebug){alert('Error:'+ex.getmessage);}
}else{
if(pDebug){alert('Error:'+ex);}
}
}
}
function hideLayer(){
if(pLayer !=null){
pLayer.style.display='none';
fireSuggestLayerHidden();
}
}
this.hideLayerOutsideCall=function(){
if(pLayer !=null){
pLayer.style.display='none';
fireSuggestLayerHidden();
}
};
function showLayer(){
if(pLayer !=null&&pSuggest !=null&&pSuggest.length>=1){
pLayer.style.display='block';
}
}
function callbackAjax(){
if(submitted==false){
if(pRequest.readyState==4){
if(pRequest.status !=200){
hideLayer();
if(pDebug){alert('Error('+pRequest.status+'):'+pRequest.statusText);}
}else{
handleResponse(pRequest.responseText);
}
}
}
}
function fireSuggestCompleted(suggestLayerIsVisible){
if(typeof(onSuggestCompleted)=='function'){
onSuggestCompleted(suggestLayerIsVisible);
}
}
function fireSuggestLayerHidden(){
if(typeof(onSuggestLayerHidden)=='function'){
onSuggestLayerHidden();
}
}
function handleResponse(text){
var i,colSpan=3;
if(pShowImages){colSpan++;}
pCurrentSelection=-1;
pSuggest=[];
pSuggest=text.split('\n');
var outputText='<table cellpadding="0" cellspacing="0" class="'+pLayerName+'" width="100%" border="0" onMouseDown="'+pInstanceName+'.handleClick();">';
var pNewSuggest=[];
for(i=0;i<pSuggest.length;i++){
var firstChar=pSuggest[i].charCodeAt(0);
if(firstChar !=13&&firstChar !=10&&pSuggest[i].length>=1){
pNewSuggest.push(pSuggest[i]);
}
}
pSuggest=pNewSuggest;
var query=pQueryInput.value;
var count=0;
var row=0;
for(i=0;i<pSuggest.length;i++){
pSuggestParts=[];
pSuggestParts=pSuggest[i].split("###");
if(pSuggestParts[2]in array2Object(pSuggestFields)){
count++;
outputText+='<tr id="'+pLayerName+'_'+row+'" class="'+pSuggestRowClass+'" onMouseOver="'+pInstanceName+'.handleMouseOver('+row+');" onMouseOut="'+pInstanceName+'.handleMouseOut('+row+');">';
if(pShowImages&&pSuggestParts[3]!=""){
var aExplodedUrl=pSuggestParts[3].split("_p1.");
var sCurrentImage=aExplodedUrl[0]+"_p1_ico."+aExplodedUrl[1];
outputText+='<td nowrap="nowrap" class="'+pSuggestImageClass+'"><img src="'+sCurrentImage+'" alt=""/></td>';
}
outputText+='<td nowrap="nowrap" class="'+pSuggestQueryClass+'">'+pSuggestParts[0].replace(new RegExp("("+query+")","ig"),'<span class="'+pSuggestQueryTypedClass+'">$1</span>')+'</td>';
if(pSuggestParts[2]!="Produktname"&&pSuggestParts[2]!="Product name"){
outputText+='<td nowrap="nowrap" class="'+pSuggestTypeClass+'">'+pSuggestParts[2]+'</td>';
}
outputText+='<td nowrap="nowrap" class="'+pSuggestAmountClass+'">'+pSuggestParts[1]+'</td>'+'</tr>';
row++;
}
}
outputText+='<tr><td class="'+pSuggestFooterClass+'" colspan="'+colSpan+'">&nbsp;</td></tr></table>';
if(pSuggest.length>=1&&count>0){
showLayer();
pLayer.innerHTML=outputText;
fireSuggestCompleted(true);
}else{
hideLayer();
pLayer.innerHTML='';
fireSuggestCompleted(false);
}
}
function array2Object(arr){
var obj={};
for(var i=0;i<arr.length;i++){
obj[arr[i]]='';
}
return obj;
}
function highlightSuggest(tblCell){
tblCell.className=pSuggestHighlightClass;
}
function unmarkSuggest(tblCell){
tblCell.className=pSuggestRowClass;
}
function unmarkAll(){
var tblCell;
for(var i=0;i<pSuggest.length;i++){
tblCell=getTableCell(i);
if(tblCell !=null){
unmarkSuggest(tblCell);
}
}
}
function getTableCell(pos){
var tblCell;
tblCell=document.getElementById(pLayerName+'_'+pos);
return tblCell;
}
function createQueryFromSuggestField(){
var element=document.createElement('input');
element.name='queryFromSuggest';
element.type='hidden';
element.value='true';
document[pFormname].appendChild(element);
}
}
FFSuggest.handleResponse=function(){alert("GGGGG");};