//NEHMEN SIE HIER IHRE EINSTELLUNGEN VOR
var m_over = '';         //Farbe wenn Mauszeiger über Wort geführt wird
var m_out = '';          //Farbe wenn  Mauszeiger das Wort wieder verlässt
var m_cursor = 'pointer';       //Form des Mauszeigers über Wort
var m_scrollAt = '10';        //Ab wievielen Suchergebnissen soll die Anzeige gescrollt werden?

var m_SearchFrom = '2';         // Ab wie vielen eingegebenen Buchstaben soll gesucht werden?
var m_delayTime = '100';        // Wieviel Zeit soll vergehen bis die nächste Anfrage an die Datenbank gesendet wird. So wird verhindert, 
                                //dass hunderte von Abfragen gestartet werden  sehr schnell getippt wird (MILISEKUNDEN)
var m_autoSend = '1';           // Wenn 1 dann wird Suchformular automatisch abgesendet. Bei 0  muss es manuell abgesendet werden

var m_searchType = 1;           // 1 ODER 0  
                                // 1 steht für Teilwortsuche
                                // 0 steht für Suche am Wortanfang
var m_readVariants = 0;         //Auch Varianten einlesen?
var m_VariantPic = '';  //Ben. Def. Feld für Variantenbilder, wenn vorhanden, ansonsten leer lassen.

var m_findVouchers = 0;         // 1 ODER 0 
                                // 1 GUTSCHEINE WERDEN GEFUNDEN
                                // 0 GUTSCHEINE WERDEN NICHT GEFUNDEN
var m_maxToDisplay = 40;         // Anzahl maximal anzuzeigender Ergebnisse.  Bei 0 werden alle angezeigt.                        

var m_head = 'Suchvorschläge:';                //Tragen Sie hier "optional eine Überschrift ein    

var m_ShopRoot = '../';         //Pfad zum Shop-Hauptverzeichnis, relativ von HTML-Dateien (liegen Dateien in Unterordner, dann "../" liegen Sie im Hauptverzeichnis wird der Wert leer gelassen, liegen Sie in html/html_ger/ dann "../../"

var m_showPics = 0;             //Wenn bilder Vorhanden skalieren und anzeigen
var m_noPic = 0;                //Platzhalter anzeigen wenn kein Bild vorhanden? m_showPics muss 1 sein
var m_noPicSrc = '../ajax/PIC/arrow.gif'; // Pfad zum Platzhalter, relativ von den HTML-Vorlagen gesehen

var m_picHeight = '20px';       //Bilder werden automatisch skaliert, nur Höhe muss angegeben werden

var m_showAddInfo = 0;
var m_additionalInfo_item = '';      // Gibt es Zusatzinformationen die angezeigt werden sollen? Geben Sie ein bn. def. Feld  oder ein anderes Datenbankfeld an. Sonst leer!
var m_additionalInfo_vitem = '';        // selbes für Varianten
/* ---------------------------------------------------------------------- AB HIER NICHTS MEHR ÄNDERN ---------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

var last = 0; //letzter Aufruf 
function autocomplete_js() {
    if (-1 != myinterface.search(/__xxpath__\?/)) {
        return;
    }
    var pattern = document.getElementById('suchbegriff').value;
    //alert(pattern);
    if (pattern.length < m_SearchFrom)
    {
        document.getElementById('results').style.display='none'; 
        return;
    }
    
    var now = new Date();
    if (now.getTime() - m_delayTime <= last){
        return;
    }
    last = now.getTime();
   
    
	var postdata = {
			method : 'getPatterns',
			id : 0,
			params : [pattern, m_searchType, m_readVariants, m_findVouchers, m_maxToDisplay, m_showPics, m_VariantPic, m_additionalInfo_item, m_additionalInfo_vitem]
		};

	req = new HTTP.Request(
	{
		uri: myinterface, 
		postbody: JSON.stringify(postdata),
		onSuccess: function (trans) {
			var data;
			try {
				data = eval('('+trans.responseText+')'); // JSON "parsen"
			} catch(e) {
				return;   
			} 
			getPatterns_handleSuccess(data);
		}
	}); 
}

function getPatterns_handleSuccess(data){
    var call = data['_call'];
    var result = data['_data'];
    var img = data['_img'];
    var add = data['_addinfo'];
 
    var res = document.getElementById('results');
    res.innerHTML = '';
    res.style.display='block';
 
    if (result){
        if(result.length == 0)
        {
            res.style.display='none';
            return;
        }  
        if (m_head != '' && result.length > 0){
            res.innerHTML += '<div class="ajaxsearch_head">'+ m_head +'</div>';
        }
        var count = 0;
        for (var i = 0; i < result.length; i++) { 
            var pattern = result[i];
            pattern = pattern.replace(/<.*>/g, ""); //Entfernen von HTML
            var s_img = '';
            if (m_showPics == 1){
                var s_img = img[i];
                if (s_img == 0 || s_img == '-'){
                    if (m_noPic == 1){
                         s_img = '<img style="height:'+ m_picHeight +';" border="0" alt="" src="'+ m_noPicSrc +'">';
                    }
                    else
                    {
                        s_img = '&nbsp;';
                    }
                }
                else
                {
                    s_img = '<img style="height:'+ m_picHeight +';" border="0" alt="" src="'+ m_ShopRoot +s_img+'">';
                }
            }     
            
            var addinfo = '';
            if (m_showAddInfo == 1)
            {
                addinfo = add[i];
                if (addinfo == 0 || addinfo == '-' || addinfo == ''){
                    addinfo = '';
                }
            }
            
            res.innerHTML += '<table border="0" cellspacing="0" cellpadding="0" class="ajaxsearch_table"><tr><td class="ajaxsearch_img">'+s_img+'</td><td class="ajaxsearch_word"><div class="ajaxsearch_pat" onClick="selectItem(this)" onMouseOver="this.style.background=\''+ m_over +'\'; this.style.cursor=\''+ m_cursor +'\';" onMouseOut="this.style.background=\'' + m_out +'\'">' + pattern +'</div></td><td class="ajaxsearch_add">' + addinfo + '</td></tr></table>';
            count++;
            
            if (count >= m_scrollAt)
            {
                var d_height = res.offsetHeight;
                d_height += "px";
                res.style.height=d_height;
                res.style.overflow='auto';
            }
            else
            { 
                res.style.height='';
                res.style.overflow='';
            }

        }
        //res.innerHTML += '</table>';
      
        
    }
}

function selectItem(it) 
{
    var cont = it.innerHTML;
    document.getElementById('suchbegriff').value = cont;
    document.getElementById('results').style.display='none';
    var submitted = false;
    if (m_autoSend == 1)
    {
        var form = document.getElementById('suchbegriff').parentNode;
        while (submitted == false)
        { 
            var tag = form.tagName;
            if (tag == 'FORM' || tag == 'form')
            {
                submitted = true;
                form.submit();
            }
            else
            {
                form = form.parentNode; 
            }
        }
    }
}

//Onclick="ausblenden()" in body einbinden
function ajaxsuche_ausblenden()
{
    document.getElementById('results').style.display='none';
}