// makes the info appear by bringing it to the foreground
function appear(name)
{	
	var info = document.getElementById(name);
	info.style.zIndex = 2;
	info.style.color = '#000070';	
	info.style.background = '#FFFF5A';	
}
// brings the ifo to the background and covers it with empty layer
function disappear(name)
{
	var info = document.getElementById(name);
	info.style.color = 'white';
	info.style.background = 'white';
	info.style.zIndex = 1;
	// make info text non-selectible (ie invisible) when mouse is not over a button
	var blank = document.getElementById("blank_info");
	blank.style.zIndex = 2;
}

var currentOpacity = 0.0;
// handles heading appearance
function loadHeading()
{	
	if (currentOpacity >= 1.0)
		return;
	var heading = document.getElementById("heading");	// get the heading
	// change opacity
	currentOpacity += 0.02;
	heading.style.opacity = currentOpacity;
	// animate Y0UI2 /\/\0+H3I2!
	setTimeout("loadHeading()", 50);
}