// Button rollovers etc
// Toggle button up to down state for all button sizes.
// Returns: newly set class.
function toggleButtonState( id ) {

	var currentClass	= document.getElementById( id ).className;
	var newClass		= "";
	
	switch ( currentClass ) 
	{
		// current is up state
		case "buttonlarge":		{ newClass = "buttondownlarge"; }
								break;
		case "buttonsmall":		{ newClass = "buttondownsmall"; }
								break;
		case "buttonsolid":		{ newClass = "buttondownsolid"; }
								break;
		// current is down state
		case "buttondownlarge": { newClass = "buttonlarge"; } 
								break;
		case "buttondownsmall": { newClass = "buttonsmall"; }
								break;
		case "buttondownsolid": { newClass = "buttonsolid"; }
								break;
		default: { newClass = currentClass; }
	}
	
	document.getElementById( id ).className = newClass;
	
	return newClass;
}

// Toggle button up to down state for all button sizes.
function toggleIntroButtonState( id ) {
	var sColor = document.getElementById( id ).style.color;

// exploder initially returns empty color, firefox returns rgb string.
if ( sColor == '#d1d1d1' || sColor == '' || sColor=='rgb(209, 209, 209)' ) 
	{ 
		sColor = 'white'; 
	}
	else
	{
		sColor = '#d1d1d1';
	}

	document.getElementById( id ).style.color=sColor;
	
	return;
}