function updateZoek(tb, evt) {
	var keyCode = "";
	if (evt) keyCode = evt.keyCode;
	else keyCode = event.keyCode;
	
	if (tb.value != "") {
		getObj("ZoekResults").style.display = "inline";
		getObj("ZoekResults").style.position = "absolute";
	}
	else {
		getObj("ZoekResults").style.display = "none";
		selItem = null;
	}
		
	if (keyCode == 38) {
		if (selItem != null && selItem.indexOf("item") > -1) {
			var id = parseInt(selItem.replace("item",""));
			if (getObj("item"+(id-1)) != null) {
				ddSelectItem("item"+(id-1));
				setScroll("item"+(id-1));
			}
		}
		else if (getObj("item1") != null) {
			ddSelectItem("item1");
		}
	} 
	else if (keyCode == 40) {
		if (selItem != null && selItem.indexOf("item") > -1) {
			var id = parseInt(selItem.replace("item",""));
			if (getObj("item"+(id+1)) != null) {
				ddSelectItem("item"+(id+1));
				setScroll("item"+(id+1));
			}
		}
		else if (getObj("item1") != null) {
			ddSelectItem("item1");
		}
	}
	else if (keyCode == 13) {
		if (selItem != null && selItem.indexOf("item") > -1) {
			if (getObj(selItem) != null) {
				getObj(selItem).onclick();
			}
		}
	}
	else if (tb.value != "") {
		selItem = null;
		setItems(tb.value);
	}
}

function setScroll(id) {
	var zoekDiv = getObj("ZoekResults");
	var i=0, counter = 0, pos = 0;
	for (i=0; i<zoekDiv.childNodes.length; i++) {
		if (zoekDiv.childNodes[i].nodeType == 1) {
			counter++;		
			if (zoekDiv.childNodes[i].id == id) {
				pos = counter;
			}
		}
	}
	zoekDiv.scrollTop = ((zoekDiv.scrollHeight * pos) / counter) - (zoekDiv.clientHeight / 2);
}

var selItem = null;
function ddSelectItem(id) {
	if (selItem != null && getObj(selItem) != null)
		getObj(selItem).className = 'ZoekItem';
	getObj(id).className = 'Select';
	selItem = id;
}

function ddUnSelectItem(id) {
	getObj(id).className = 'ZoekItem';
}

var xmlhttp = null;

function setItems(tekst) {
	xmlhttp = null;
	
	if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest();
	else if (window.ActiveXObject) xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	
	if (tekst != "") {
		if (xmlhttp!=null) {
  			xmlhttp.onreadystatechange = 	function() {
												if (xmlhttp.readyState == 4) {
													if (xmlhttp.status == 200) {
														getObj("ZoekResults").innerHTML = xmlhttp.responseText;
													}
													else {
											    		window.status = "Probleem met ophalen van artiesten.";
													}
												}
											};
	  		xmlhttp.open("GET","/zoek/zoek.asp?query="+tekst,true);
  			xmlhttp.send(null);
		}
		else
  			window.status = "Your browser does not support XMLHTTP.";
	}
}

function doLink(url) {
	window.location.href = url;
}

document.onclick =  function() { 
						if (getObj("ZoekResult") != null) getObj("ZoekResults").style.display = "none"; 
				    };

function getObj(obj) {
	return document.getElementById(obj);
}