function first_bit(url, n) {
  document.getElementById("content"+n).innerHTML = ' <br /><br /><br /><br /><br /><br /> ...Loading page...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {second_bit(url, n);};
    req.open("GET", url, true);
    req.send("");
  }
}  

function second_bit(url, n) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
	  document.getElementById("content"+n).innerHTML = req.responseText;
	  vis_switch(n);
    } else {
      document.getElementById("content"+n).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
    }
  }
}

function load_content(url, n) {
	first_bit(url, n);
	return false;
}

function load_check(url, n)
{
	var current_content = document.getElementById("content"+n);
	var current_state = document.getElementById("content"+n).style.speak;
	
	if (current_state == "none")
	{
		eval(current_content).style.speak = "inherit";
		load_content(url, n);
	}else
	{
		vis_switch(n);
	}
}


function set_vis() {
	if (document.getElementById)
	{	
		var members = document.getElementById("members");
		var content1 = document.getElementById("content1");
		var content2 = document.getElementById("content2");
		var content3 = document.getElementById("content3");
		var content4 = document.getElementById("content4");
		var content5 = document.getElementById("content5");
		var content6 = document.getElementById("content6");
		var content7 = document.getElementById("content7");
		var content8 = document.getElementById("content8");
		var content9 = document.getElementById("content9");
		var content10 = document.getElementById("content10");
		var content11= document.getElementById("content11");
		
		var pic4 = document.getElementById("pic4");
		var pic5 = document.getElementById("pic5");
		var pic6 = document.getElementById("pic6");
		var pic7 = document.getElementById("pic7");
		var pic8 = document.getElementById("pic8");
			
		for (i=1;i<12;i++)
		{
			eval("content"+i).style.display = "none";
			eval("content"+i).style.speak = "none";
		}
		for (i=4;i<9;i++)
		{
			eval("pic"+i).style.display = "none";
		}
		
		eval("members").style.display = "none";
		
	}else
	{
		return false; //safegaurd for rubbish browsers
	}
}


function vis_switch_mem() {

	if (document.getElementById)
	{
		var members = document.getElementById("members");

		var current_state = document.getElementById("members").style.display;

		if (current_state == "none")
		{
			eval("members").style.display = "block";
		}else if (current_state == "block")
		{
			eval("members").style.display = "none";
		}
	}		
	else
	{
		return false; //safegaurd for rubbish browsers
	}

}

function vis_switch(n){

	if (document.getElementById)
	{
		
		var content1 = document.getElementById("content1");
		var content2 = document.getElementById("content2");
		var content3 = document.getElementById("content3");
		var content4 = document.getElementById("content4");
		var content5 = document.getElementById("content5");
		var content6 = document.getElementById("content6");
		var content7 = document.getElementById("content7");
		var content8 = document.getElementById("content8");
		var content9 = document.getElementById("content9");
		var content10 = document.getElementById("content10");
		var content11= document.getElementById("content11");
		
		var pic4 = document.getElementById("pic4");
		var pic5 = document.getElementById("pic5");
		var pic6 = document.getElementById("pic6");
		var pic7 = document.getElementById("pic7");
		var pic8 = document.getElementById("pic8");

		for(i=1;i<12;i++)
		{
			eval("content"+i).style.display = "none";
		}
		
		for (i=4;i<9;i++)
		{
			eval("pic"+i).style.display = "none";
		}

		eval("content"+n).style.display = "block";
		if (n > 3 && n < 9)
		{
			eval("pic"+n).style.display = "block";
		}
	
	}else
	{
		return false; //safegaurd for rubbish browsers
	}
}