function createRequestObject()
{
	var ro;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer") 
	{
		// on IE, we have to use ActiveX
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
		// on every other browser, we can directly create a new XMLHttpRequest object
		ro = new XMLHttpRequest();
	}
	return ro;
}

var http = createRequestObject();

// this function should be called for user input
// it opens up a php page with a querystring of 'action'
// this function could probably be adapted to POST
function sndReq(urlAction)
{
	http.open("get", urlAction);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

// the response in this case is formatted as follows:
// object|text
// where object is the id of the HTML element we are going to update
// and text is what it will be updated to
// this could obviously work a lot better with some XML
function handleResponse()
{
	if(http.readyState == 4) 
	{
		var response = http.responseText;
		var update = new Array();
		if(response.indexOf('|' != -1))
		{
			update = response.split("|");
			if(update[0])
				document.getElementById(update[0]).innerHTML = update[1];
		}
	}
}

// for ajax page load

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid)
{
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject)
	{ // if IE
		try 
		{
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e)
		{
			try
			{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else
		return false
	page_request.onreadystatechange=function()
	{
		loadpage(page_request, containerid)
	}
	
	page_request.open('GET', url, true)
	page_request.send(null)
}

function loadpage(page_request, containerid)
{
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
		document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs()
{
	if (!document.getElementById)
		return
	for (i=0; i<arguments.length; i++)
	{
		var file=arguments[i]
		var fileref=""
		if (loadedobjects.indexOf(file)==-1)
		{ //Check to see if this object has not already been added to page before proceeding
			if (file.indexOf(".js")!=-1)
			{ //If object is a js file
				fileref=document.createElement('script')
				fileref.setAttribute("type","text/javascript");
				fileref.setAttribute("src", file);
			}
			else if (file.indexOf(".css")!=-1)
			{ //If object is a css file
				fileref=document.createElement("link")
				fileref.setAttribute("rel", "stylesheet");
				fileref.setAttribute("type", "text/css");
				fileref.setAttribute("href", file);
			}
		}
	
		if (fileref!="")
		{
			document.getElementsByTagName("head").item(0).appendChild(fileref)
			loadedobjects+=file+" " //Remember this object as being already added to page
		}
	}
}

function searchFilter(urlString,searchArea)
{
	var imgTag = "<img src='images/process2.gif' border='0' />";
	document.getElementById(searchArea).innerHTML = imgTag;
	
	var cuisineType = document.getElementById('foodType').value;
	
	var facilityType = '';
	for(i=0;i<=2;i++)
	{
		var strFacilityType = "document.getElementById('facilityType["+i+"]')";
		var objFacilityType = eval(strFacilityType);
		if(objFacilityType.checked)
		{
			facilityType += "," + objFacilityType.value;
		}
	}
	facilityType += ",";
	
	urlString = urlString + cuisineType + "&facilityType="+facilityType;
	
	ajaxpage(urlString,searchArea);
}

function loadRestaurantPage(urlString,infoArea)
{
	var imgTag = "<center><img src='images/process2.gif' border='0' /></center>";
	document.getElementById(infoArea).innerHTML = imgTag;
	ajaxpage(urlString,infoArea);
}