//http://aleembawany.com/weblog/webdev/000051_ajax_instant_tutorial.html
function loadurl(dest) {
  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
 xmlhttp.onreadystatechange = triggered;
 
 // open takes in the HTTP method and url.
 xmlhttp.open("GET", dest);
 
 //Say loading
 document.getElementById("person").innerHTML = "<blink>Loading...</blink>";
 
 // 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 triggered(div) {
 
  // 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("person").innerHTML =
  				xmlhttp.responseText;
   }
}


var state = 'hidden';
	
		function showhide(layer_ref) {
		
			if (state == 'visible') {
				state = 'hidden';
			}
			else {
				state = 'visible';
			}
			if (document.all) { //IS IE 4 or 5 (or 6 beta)
				eval( "document.all." + layer_ref + ".style.visibility = state");
			}
			if (document.layers) { //IS NETSCAPE 4 or below
				document.layers[layer_ref].visibility = state;
			}
			if (document.getElementById && !document.all) {
				maxwell_smart = document.getElementById(layer_ref);
				maxwell_smart.style.visibility = state;
			}
	}