function changezoeken(e) {
	zoekwaarde = trim(document.getElementById("zoektitel").value);
	if(zoekwaarde.length > 0){
        keyB = e.keyCode; 
        if (keyB == 17 || keyB == 33 || keyB == 34 || keyB == 37 || keyB == 38 || keyB == 39 || keyB == 40 || keyB == 27){
        }
        else{
            document.getElementById("current").value='0';
            ajaxzoeken(zoekwaarde);
        }
	}
	else {
		var AutoSuggestionsList  = document.getElementById("suggestions");
		AutoSuggestionsList.innerHTML = '';
		AutoSuggestionsList.style.display = 'none';
		document.getElementById("current").value='0';
	}
}

var ajaxRequest;
function ajaxzoeken(result){
    if (window.XMLHttpRequest) ajaxRequest = new XMLHttpRequest();
	else if (window.ActiveXObject) ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else return;
    var url="/functies/ajaxzoeken.asp";
	url=url+"?Zoeken="+result;
	ajaxRequest.open("GET", url, true);
    ajaxRequest.onreadystatechange=function() {
      if(ajaxRequest.readyState == 4) {
    	var AutoSuggestionsList = document.getElementById("suggestions");
    	if (ajaxRequest.responseText.length > 0){
    		AutoSuggestionsList.style.display = 'block';
    		AutoSuggestionsList.innerHTML = ajaxRequest.responseText;
        }
    	else {
    		var AutoSuggestionsList  = document.getElementById("suggestions");
    		AutoSuggestionsList.innerHTML = '';
    		AutoSuggestionsList.style.display = 'none';
    		document.getElementById("current").value='0';
    	}
      }
    }
	ajaxRequest.send("");
}

function setfocussuggestions(e){
    keyB = e.keyCode; 
    if (keyB == 38){/*up*/
        divsuggestions = document.getElementById("suggestions");
        countitems = divsuggestions.getElementsByTagName("div").length;
        
        var current = document.getElementById("current");
        for (i=1;i<countitems+1;i++) {
            if (current.value == i){
                if (i > 0){
                    var SubElm = document.getElementById("sub" + i);
                    SubElm.style.backgroundColor = "";
                    SubElm.style.color = "";
                }
                if (i > 1){
                    var SubElm = document.getElementById("sub" + parseInt(i - 1));
                    if (document.URL.indexOf("jaren80muziek") > 0) {SubElm.style.backgroundColor = "#ff66CC";}
                    if (document.URL.indexOf("jaren90muziek") > 0) {SubElm.style.backgroundColor = "#3366CC";}
                    SubElm.style.color = "#FFFFFF";
                }
                current.value = i - 1;
            }
        }
    }
    else if (keyB == 40){/*down*/
        divsuggestions = document.getElementById("suggestions");
        countitems = divsuggestions.getElementsByTagName("div").length;
        
        var current = document.getElementById("current");
        for (i=countitems-1;i>-1;i--) {
            if (current.value == i){
                if (i > 0){
                    var SubElm = document.getElementById("sub" + i);
                    SubElm.style.backgroundColor = "";
                    SubElm.style.color = "";
                }
                var SubElm = document.getElementById("sub" + parseInt(i + 1));
                if (document.URL.indexOf("jaren80muziek") > 0) {SubElm.style.backgroundColor = "#ff66CC";}
                if (document.URL.indexOf("jaren90muziek") > 0) {SubElm.style.backgroundColor = "#3366CC";}
                SubElm.style.color = "#FFFFFF";
                current.value = i + 1;
            }
        }
    }
    else if (keyB == 13){ /*enter*/
        var CurSuggestion = document.getElementById("current").value;
        if (CurSuggestion > 0){
            document.getElementById("zoektitel").value = HtmlDecode(document.getElementById("sub"+CurSuggestion).innerHTML);
        	document.formulier.submit();
        }
        
    }
    else if (keyB == 9){ /*tab*/
        var CurSuggestion = document.getElementById("current").value;
        if (CurSuggestion > 0){
            document.getElementById("zoektitel").value = HtmlDecode(document.getElementById("sub"+CurSuggestion).innerHTML);
        }
        
    }
    else if (keyB == 27){ /*esc*/
		var AutoSuggestionsList  = document.getElementById("suggestions");
		AutoSuggestionsList.innerHTML = '';
		AutoSuggestionsList.style.display = 'none';
		document.getElementById("current").value='0';
    }
}

function trim(value) {
  value = value.replace(/^\s+/,'');
  value = value.replace(/\s+$/,'');
  return value;
}

function m2(element){
    elmlen = element.id.length;
    var SubElm = document.getElementById("sub" + document.getElementById("current").value);
    if (!(SubElm == null)){
        SubElm.style.backgroundColor = "";
        SubElm.style.color = "";
    }
    document.getElementById("current").value=element.id.substr(3);
    if (document.URL.indexOf("jaren80muziek") > 0) {element.style.backgroundColor = "#ff66CC";}
    if (document.URL.indexOf("jaren90muziek") > 0) {element.style.backgroundColor = "#3366CC";}
    element.style.color = "#FFFFFF";
}

function m3(element){
    document.getElementById("zoektitel").value = HtmlDecode(document.getElementById(element.id).innerHTML);
	document.formulier.submit();
}


function HtmlDecode(strHtml) {
    var objDiv=document.createElement("div");
    objDiv.id = "tmp_div_decode";
    objDiv.innerHTML = strHtml;
    document.body.appendChild(objDiv);
    var result=FindInnerText(objDiv);
    document.body.removeChild(objDiv);
    return result;
}

function FindInnerText(objControl, innerText, nestingLevel)
{
    if ((typeof nestingLevel != "undefined")&&(nestingLevel > 100))
        return innerText;
   
    if (typeof innerText == "undefined")
        innerText = "";
   
    if (!objControl)
        return innerText;
   
    if (typeof nestingLevel == "undefined")
        nestingLevel = 0;
   
    var text=objControl.nodeValue;
    if (!text)
        text = "";
    if (objControl.nodeName.toLowerCase() == "br")
        return "\n";
   
   
    for (var i=0; i<objControl.childNodes.length; i++)
    {
        text += FindInnerText(objControl.childNodes[i], objControl.childNodes[i].nodeValue, nestingLevel+1);
    }
   
    return text;
}

function clearsuggestions(){
	var AutoSuggestionsList  = document.getElementById("suggestions");
	AutoSuggestionsList.innerHTML = '';
	AutoSuggestionsList.style.display = 'none';
	document.getElementById("current").value='0';
}