//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Error. Probeer opnieuw..");
	}
}


//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.


function isSecure()
{   
return location.protocol == 'https:';
}


function searchSuggest() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('zoekwoord').value);


		if (!isSecure()){
		searchReq.open("GET", 'http://www.rang1tickets.nl/testboxdbsearch.asp?search=' + str, true);
		}else{
		searchReq.open("GET", 'https://www.rang1tickets.nl/testboxdbsearch.asp?search=' + str, true);
		}

		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
	}		
}



//Called when the AJAX response is returned.
function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest')
		ss.innerHTML = '';
		//ss.style.zIndex = 999999999999;
 



		var str = searchReq.responseText.split("<br>");

		//alert(str);

		for(i=0; i < str.length - 1; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.

			//var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			//suggest += 'onmouseout="javascript:suggestOut(this);" ';
			//suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
			//suggest += 'class="suggest_link">' + str[i] + '</div>';
			//ss.innerHTML += suggest;


			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += ' ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;


		}
	}
}


//Mouse over function
function suggestOver(div_value) {
	div_value.className = 'suggest_link_over';
}

//Mouse out function
function suggestOut(div_value) {
	div_value.className = 'suggest_link';
}

//Click function
function setSearch(value) {
	//document.getElementById('zoekwoord').value = value;
	document.getElementById('search_suggest').innerHTML = '';

}