function fetchData(page, element, dataToSend)
{
	var pageRequest = null;

	if (window.XMLHttpRequest)
		pageRequest = new XMLHttpRequest();
	else if (window.ActiveXObject)
		pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else
		return false;

	// Tell it what to do when data is sent to the client
	pageRequest.onreadystatechange = function() {filterData(pageRequest, element);}

	// Request the data to be sent
	if (dataToSend)
	{
		pageRequest.open("POST", page, true);
		pageRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
		pageRequest.send('data='+dataToSend);
	}
	else
	{
		pageRequest.open("GET", page, true);
		pageRequest.send(null);
	}
}

// downloads data into the object ObjectID
function filterData(pageRequest, object_id)
{
	var object = document.getElementById(object_id);
	// if the data is ready
	if (pageRequest.readyState == 4)
	{
		// and was succesfull, pop it into the object
		if (pageRequest.status == 200)
			object.innerHTML = pageRequest.responseText;
//			insertData(object, pageRequest.responseText, true);
		// else there was an error
		else if (pageRequest.status == 404)
			object.innerHTML = "Sorry, cannot process that request - Error 404CAL";
		else
			object.innerHTML = "An Unknown Error Has occured - Error 500CAL";
	}
}
