//Create and executes the xmlhttprequest
function myAjax(){
	//grab info from search field
	var formfield = document.getElementById('blog_livesearch_field');

	//construct the url to use in query and put in the search terms
	var url = '/interactive/livesearch/livesearch.php?query='+formfield.value;
	
	//create new xmlHttpRequest object, depending on whether compliant browser or crappy IE
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	//decide what function to use to process returned info from server
	request.onreadystatechange = processRequest;
	
	//send actual request to script using GET method
	request.open("GET", url, true);
	request.send(null);
}//end myAjax()



//this processes the AJAX states and stuff returned from server
function processRequest(){

	// 'catch' the 5 states AJAX can be in and do something in each state
	if(request.readyState == 0)
		document.getElementById('blog_livesearch_results').innerHTML = "uninitialized";
		document.getElementById('blog_livesearch_icon').innerHTML = "<img src=\"/interactive/livesearch/images/loading.gif\"/>";
	if(request.readyState == 1)
		document.getElementById('blog_livesearch_results').innerHTML = 'Loading...';
	if(request.readyState == 2)
		document.getElementById('blog_livesearch_results').innerHTML = "Loaded!";
	if(request.readyState == 3)
		document.getElementById('blog_livesearch_results').innerHTML = "Interacting...";
	if(request.readyState == 4){
		
		// if "OK"
 		if (request.status==200){
			//pass response from server into variable
		 	var response = request.responseText;

			//if response is not empty (i.e. results were found)
			if(response != ""){
				//write out search results into page
				document.getElementById('blog_livesearch_results').innerHTML = response;
				document.getElementById('blog_livesearch_icon').innerHTML = "<img src=\"/interactive/livesearch/images/ajax_inactive.gif\" />";
				
			}
			else if (response == null){
				//if no response, tell the user
				document.getElementById('blog_livesearch_results').innerHTML = "Sorry, no results";
				document.getElementById('blog_livesearch_icon').innerHTML = "<img src=\"/interactive/livesearch/images/ajax_failed.gif\" />";
			}
			
		 }
		 else{
			 // if status != 200 there was an error.
			 alert("Problem retrieving XML data:" + xmlhttp.statusText)
		}
	}
}// end processRequest()