/*	graphic.js	*/

/*	Function to set the display of a pop-up menu	*/

function set_menu( name, state )	// call with two quoted strings
{
	document.getElementById( name ).style.display = state;
}

/*	Functions to get current layer and move to corresponding layer	*/
function curr_layer()
{
	var layer;
	var tt = document.getElementById( "tools" ).style.top;
	if ( tt == "372px" )
		layer = document.getElementById( "first" );
	else if ( tt == "316px" )
		layer = document.getElementById( "second" );
	else if ( tt == "268px" )
		layer = document.getElementById( "third" );
	else
		layer = document.getElementById( "fourth" );
	return layer;
}

function to_textver()
{
	var layer = curr_layer();	// above
	var id = "#" + layer.id;
	var here = location.pathname;
	var dest = here.replace( "graphic", "text" );
	dest += id;
	window.location.href = dest;
}

/*	Functions which set, query and change styles	*/
function fsInc()
{
	var layer = curr_layer();	// above
	var fs = layer.style.fontSize;
	if ( !fs )	{
		if ( document.defaultView )	{
			var cs = document.defaultView.getComputedStyle( layer, "" );
			fs = cs.getPropertyValue( "font-size" );
		}
		else if ( layer.currentStyle )
			fs = layer.currentStyle[ "fontSize" ];
	}
	var fn = parseInt( fs );
	if ( fn < 27 )	{
		fn += 4;
		layer.style.fontSize = fn + "px";
	}
	else
		alert( "You are now at the limit of local magnification.\n(You may be able to use options on this browser to make everything bigger.)" );
}

function setTools( pos, index )
{
	document.getElementById( "tools" ).style.top = pos + "px";
	document.getElementById( "tools" ).style.left = index + "%";
	document.getElementById( "tools" ).style.visibility = "visible";
}

/*	Function which brings a clicked-on div to forefront and moves tools.
	Relies on z-indexes already being set.	*/
function toggleTo( layer )
{
	var lz = layer.style.zIndex;
	if ( lz == 7 || lz == 8 ) // already at front
		return;
	var li = layer.id;
	if ( li == "title1" || li == "first" )	{
		if ( document.getElementById( "fourth" ) )	{
			document.getElementById( "fourth" ).style.zIndex = 1;
			document.getElementById( "title4" ).style.zIndex = 2;
		}
		if ( document.getElementById( "third" ) )	{
			document.getElementById( "third" ).style.zIndex = 3;
			document.getElementById( "title3" ).style.zIndex = 4;
		}
		if ( document.getElementById( "second" ) )	{
			document.getElementById( "second" ).style.zIndex = 5;
			document.getElementById( "title2" ).style.zIndex = 6;
		}
		document.getElementById( "first" ).style.zIndex = 7;
		document.getElementById( "title1" ).style.zIndex = 8;
		document.getElementById( "tools" ).style.top = "372px";
		document.getElementById( "tools" ).style.left = "7%";
	}
	else if ( li == "title2" || li == "second" )	{
		if ( document.getElementById( "fourth" ) )	{
			document.getElementById( "fourth" ).style.zIndex = 1;
			document.getElementById( "title4" ).style.zIndex = 2;
		}
		if ( document.getElementById( "third" ) )	{
			document.getElementById( "third" ).style.zIndex = 3;
			document.getElementById( "title3" ).style.zIndex = 4;
		}
		document.getElementById( "second" ).style.zIndex = 7;
		document.getElementById( "title2" ).style.zIndex = 8;
		if ( document.getElementById( "first" ) )	{
			document.getElementById( "first" ).style.zIndex = 5;
			document.getElementById( "title1" ).style.zIndex = 6;
		}
		document.getElementById( "tools" ).style.top = "316px";
		document.getElementById( "tools" ).style.left = "13%";
	}
	else if ( li == "title3" || li == "third" )	{
		if ( document.getElementById( "fourth" ) )	{
			document.getElementById( "fourth" ).style.zIndex = 1;
			document.getElementById( "title4" ).style.zIndex = 2;
		}
		document.getElementById( "third" ).style.zIndex = 7;
		document.getElementById( "title3" ).style.zIndex = 8;
		if ( document.getElementById( "second" ) )	{
			document.getElementById( "second" ).style.zIndex = 5;
			document.getElementById( "title2" ).style.zIndex = 6;
		}
		if ( document.getElementById( "first" ) )	{
			document.getElementById( "first" ).style.zIndex = 3;
			document.getElementById( "title1" ).style.zIndex = 4;
		}
		document.getElementById( "tools" ).style.top = "268px";
		document.getElementById( "tools" ).style.left = "1%";
	}
	else if ( li == "title4" || li == "fourth" )	{
		document.getElementById( "fourth" ).style.zIndex = 7;
		document.getElementById( "title4" ).style.zIndex = 8;
		if ( document.getElementById( "third" ) )	{
			document.getElementById( "third" ).style.zIndex = 5;
			document.getElementById( "title3" ).style.zIndex = 6;
		}
		if ( document.getElementById( "second" ) )	{
			document.getElementById( "second" ).style.zIndex = 3;
			document.getElementById( "title2" ).style.zIndex = 4;
		}
		if ( document.getElementById( "first" ) )	{
			document.getElementById( "first" ).style.zIndex = 1;
			document.getElementById( "title1" ).style.zIndex = 2;
		}
		document.getElementById( "tools" ).style.top = "220px";
		document.getElementById( "tools" ).style.left = "19%";
	}
}

/*	EOF	*/