// Create a function that will receive data sent from the server
function getSuggest() {
    ajaxRequest = ajaxHeader();
    
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){

			var obj = document.getElementById('suggestList');
  			var list = document.getElementById('suggestionSelect');
			
			showElement('suggestList');
			var reply = ajaxRequest.responseText;
			
			var broken = reply.split("^");
			obj.innerHTML = broken[1];
			//alert(broken[0]);
			
    	} else {
		    var obj = document.getElementById('suggestList');
			showElement('suggestList');
			obj.innerHTML = "Loading...";
		}
    }
  
	var suggest = document.getElementById('suggestion').value;
 	
	if (suggest.length > 2) {
	  var queryString = "suggestion=" + suggest;
  	
	  ajaxRequest.open("POST", "ajax-type-ahead.php?" + queryString, true);
  	  ajaxRequest.send(null); 
	}
  
}

function putContent() {
  
  var list = document.getElementById('suggestionSelect');
  var dump = document.getElementById('suggestion');
  
  hideElement('suggestList');
  
  if ( list.selectedIndex > -1 ) {
    dump.value = list.value;
  }
}

function showElement( list ) {
  var obj = document.getElementById( list );
  obj.style.display = 'block';
  obj.style.visibility = 'visible';
}

function hideElement( list ) {
  var obj = document.getElementById( list );
  obj.style.display = 'none';
  obj.style.visibility = 'hidden';
}