function getXmlHttpRequestObject() {	
	if (window.XMLHttpRequest) {		
		return new XMLHttpRequest();	
	} else if(window.ActiveXObject) {		
		return new ActiveXObject("Microsoft.XMLHTTP");	
	} else {		
		alert("");	
	}
}


var searchReq = getXmlHttpRequestObject();


function search_keywords() {	
	
  if(document.getElementById('search_keywords').innerHTML == false) {
      document.getElementById('search_keywords').style.display = "none";
  }
  
  if (searchReq.readyState == 4 || searchReq.readyState == 0) {		
		var str = escape(document.getElementById('keyword').value);		
		searchReq.open("GET", 'http://www.retailshop.nl/search_keywords.php?search=' + str, true);		
		searchReq.onreadystatechange = handleSearchSuggest; 		
		searchReq.send(null);	
	}		
}

function handleSearchSuggest() {	
	if (searchReq.readyState == 4) {		
	var ss = document.getElementById('search_keywords');
	ss.innerHTML = "";		
	var str = searchReq.responseText.split("\n");
    
    if (str == false) {
      ss.style.display = "none";	  
    }
    
		for(i=0; i < str.length - 1; i++) {			
		ss.style.display = "block";	
			
		var suggest = '<div onmouseover="javascript:suggestOver(this);" ';			
		suggest += 'onmouseout="javascript:suggestOut(this);" ';			
		suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';			
		suggest += 'class="keyword_link">' + str[i] + '</div>';			
		ss.innerHTML += suggest;		
		}	
	}
}

function suggestOver(div_value) {	
	div_value.className = 'keyword_link_over';
}

function suggestOut(div_value) {	
	div_value.className = 'keyword_link';
}

function setSearch(value) {	
	document.getElementById('keyword').value = value;	
	document.getElementById('search_keywords').innerHTML = "";
	document.getElementById('search_keywords').style.display = "none";
}