﻿function getXmlHttpRequestObject()
	{
	if(window.XMLHttpRequest)
		{return new XMLHttpRequest();}
	else if(window.ActiveXObject)
		{return new ActiveXObject("Microsoft.XMLHTTP");}
	else
		{alert("Please get a browser that is more up to date.");}
	}

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

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest()
	{
	if(searchReq.readyState==4 || searchReq.readyState==0)
		{
		var str = escape(document.getElementById('search_ort').value);
		searchReq.open("GET",'ajax_search_results.php?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.style.display = 'block';
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		if (str.length == 1) {
		    var ss = document.getElementById('search_suggest');
		    ss.style.display = 'none';
		}
		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(\'' + str[i] + '\');" ';
			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('search_ort').value = value;
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_form').submit();
	}
	
function blurSearch() {
    var el = document.getElementById('search_ort');
    if(!el.value) el.value = el.defaultValue;
    var ss = document.getElementById('search_suggest');
	window.setTimeout(function(){ss.style.display = 'none'}, 200);
}

