var time = 21;
var currentDiv;
var fadeRunning = false;
var nextFade;
var fontSize = 1;

function displayText(divid)
{	
	if(!fadeRunning  && (currentDiv != divid))
	{
		nextFade = "";
		fadeRunning = true;
		document.getElementById(divid).style.display = 'block';
		if(document.all&&!window.opera) 
		{//&ie4+ (not opera)
			document.getElementById(divid).style.filter = 'alpha(opacity=0)';
			iefade(divid);
		}
		else
		{
			document.getElementById(divid).style.opacity = 0;
			mozfade(divid);
		}
	}
	else
	{
		nextFade = divid;
	}
}

function iefade(divid)
{
	if(time <=20)
	{//fadeout current div
		document.getElementById(currentDiv).style.filter = 'alpha(opacity=' + (100 - (time * 5)) + ')';
		time++;
		setTimeout("iefade('"+divid+"')",75);
	}
	else if(time > 20 && time <= 40)
	{//fade in new div
		document.getElementById(divid).style.filter = 'alpha(opacity=' + (time -20) * 5 + ')';
		time++;
		setTimeout("iefade('"+divid+"')",75);
	}
	else
	{	
		time = 0;
		if(currentDiv)
		{
			document.getElementById(currentDiv).style.filter = 'alpha(opacity=0)';
		}
		currentDiv = divid;
		fadeRunning = false;
		if(nextFade != "")
		{//user has clicked button whilst another fade is running.  Call displayText with the just-pressed button.
			displayText(nextFade);
		}
	}
}

function mozfade(divid)
{
	if(time == 21)
	{
		time = 1.1;
	}
	
	if(time <= 1)
	{//fadeout current div
		document.getElementById(currentDiv).style.opacity = 1 - time;
		time+=.1;
		setTimeout("mozfade('"+divid+"')",20);
	}
	else if(time > 1 && time <= 2)
	{//fade in new div
		document.getElementById(divid).style.opacity = time - 1;
		time+=.1;
		setTimeout("mozfade('"+divid+"')",20);
	}
	else
	{
		if(currentDiv)
		{
			document.getElementById(currentDiv).style.opacity = 0;
		}
		currentDiv = divid;
		time = 0;
		fadeRunning = false;
		if(nextFade != "")
		{//user has clicked button whilst another fade is running.  Call displayText with the just-pressed button.
			displayText(nextFade);
		}
	}
}

function zoomin()
{
	var body = document.getElementsByTagName("body")[0];
	fontSize += .5;
	body.style.fontSize = fontSize + 'em';
}

function zoomout()
{
	var body = document.getElementsByTagName("body")[0];
	if(fontSize >= 1.5)
	{
		fontSize -= .5;
		body.style.fontSize = fontSize + 'em';
	}
}