function loadurl(dest,task){
	try { // Moz supports XMLHttpRequest. IE uses ActiveX.
	// browser detction is bad. object detection works for any browser
	xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
		new ActiveXObject("Microsoft.XMLHTTP"); 
	} 
	catch (e) { 
	// browser doesn't support ajax. handle however you want
	} 
	
// the xmlhttp object triggers an event everytime the status changes 
// triggered() function handles the events
switch(task)
	{
	case 'search': xmlhttp.onreadystatechange = process_search; break;
	}
// open takes in the HTTP method and url.
xmlhttp.open("GET", dest);

// send the request. if this is a POST request we would have
// sent post variables: send("name=aleem&gender=male)
// Moz is fine with just send(); but
// IE expects a value here, hence we do send(null);
xmlhttp.send(null);

}


function process_search() {
	
	// if the readyState code is 4 (Completed)
	// and http status is 200 (OK) we go ahead and get the responseText
	// other readyState codes:
	// 0=Uninitialised 1=Loading 2=Loaded 3=Interactive
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		
		// xmlhttp.responseText object contains the response.  
		document.getElementById("ajax-loader").innerHTML = "<input type=\"button\" name=\"search\" value=\"Search\" onClick=\"javascript: do_search();\">";
		document.getElementById("body_container").innerHTML = xmlhttp.responseText;
		document.getElementById('body_container').style.display = "block";
		} 
	else if (xmlhttp.readyState == 1){document.getElementById("ajax-loader").innerHTML = "<img src=\"media/images/ajax-loader_blue.gif\" align=\"left\"><p>&nbsp;&nbsp;searching</p>";}
}