var req = null;
var displayArea = null;
var displayAreaId = null;
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;
function sendRequest(url,params,HttpMethod){
	if(!HttpMethod){
		HttpMethod = "GET";
	}
	req = initXMLHttpRequest();
	if(req){
		req.onreadystatechange = onReadyState;
		req.open(HttpMethod,url,true);
		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		req.send(params);
	}
}

function initXMLHttpRequest(){
	var xRequest = null;
	if (window.XMLHttpRequest){
		xRequest = new XMLHttpRequest();
	}else if(window.ActiveXObject){
		xRequest = new ActiveXObject("Microsoft.XMLHttp");
	}
	return xRequest;
}

function onReadyState(){
	var ready = req.readyState;
	var data = null;
	if(ready == READY_STATE_COMPLETE){
		data = req.responseText;
	}else{
		data ='<SPAN class="RO"> Loading...</SPAN>';
	}
	pushToDisplayArea(data);
}

function pushToDisplayArea(data){
	displayArea = document.getElementById(displayAreaId);
	if(displayArea != null){
	  displayArea.innerHTML = data;
	}
}

function loadHTML(url, dispAreaId){
     displayAreaId = dispAreaId;
     sendRequest(url);
}