//attach element to ajax call, specify url, specify destintion element
function ajaxAttach(elem,url,dest)
{
	//ajex request set up using private methods.
	elem.onclick=a_message;
	
	
	function a_message()
	{	
		makeAjaxRequest(url,dest);
		return false;
	}
}

function makeAjaxRequest(url,dest,errorMsg,callback)
{
	var xhr=false;
	
	//set error message
	if(errorMsg===undefined)
	{
		errorMsg='Error loading information! Please retry';
	}
	
	if(window.XMLHttpRequest){
		xhr=new XMLHttpRequest();
	}else{
		if(window.ActiveXObject){
			try{
				xhr=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e){alert("Error creating XMLHTTPRequest object");}
		}
	}
	
	if(xhr){
		xhr.open("GET",url,true);
		xhr.onreadystatechange=display;
		xhr.send("null");
	}
	
	
	function display(){
		if(xhr.readyState == 4){
			if(xhr.status ==200){
				var outmsg=xhr.responseText;
			}else{
				var outmsg=errorMsg;
			}
	
			dest.innerHTML=outmsg;

			//use callback function
			if(callback!==undefined)
			{
				eval(callback);
			}
		}
	}
}

function makeDelayedAjaxRequest(url,destName,delay,marginleft,imgPath)
{
	document.getElementById(destName).innerHTML='<img src="'+imgPath+'" style="margin-left: '+marginleft+'px;" />';
	setTimeout("makeAjaxRequest('"+url+"',document.getElementById('"+destName+"'))", delay);
}