var origLayerWidth = 150
var origLayerHeight = 200
var currTop = 0, currRight = 0, currBottom = 0, currLeft = 0
function init()
{
	currTop = 0
	currLeft = 0
}

function changebut( but )
{
	var newButSrc;
	if ( but.src.indexOf( "black" ) >= 0 )
	{
		newButSrc = but.src.substr( 0, but.src.indexOf( "black" ) ) + "red" + but.src.substr( but.src.indexOf( "black" ) + 5 );
	}
	else if ( but.src.indexOf( "red" ) >= 0 )
	{
		newButSrc = but.src.substr( 0, but.src.indexOf( "red" ) ) + "black" + but.src.substr( but.src.indexOf( "red" ) + 3 );
	}
	but.src = newButSrc;
}

function showMenu( menuNum )
{
	currBottom = origLayerHeight;
	currRight = origLayerWidth;
	document.getElementById("menu"+menuNum.toString()).style.clip = "rect(" + currTop + "px " +
	currRight + "px " + currBottom + "px " + currLeft + "px)"
}

function hideMenu( menuNum )
{
	currRight = 0
	currBottom = 0
	document.getElementById("menu"+menuNum.toString()).style.clip = "rect(" + currTop + "px " +
	currRight + "px " + currBottom + "px " + currLeft + "px)"
}

var intervalID
function revealMenu( menuNum )
{
	currBottom = 0
	currRight = origLayerWidth;
	intervalID = setInterval("stepMenu(" + menuNum.toString() + ")",1)
}
function stepMenu( menuNum )
{
	var heightDone = false
	if (currBottom < origLayerHeight)
	{
		currBottom += 5
	}
	else
	{
		heightDone = true
	}
	showMenu( menuNum )
	if (heightDone)
	{
		clearInterval(intervalID)
	}
}
function mouseOverA( anchor )
{
	anchor.style.color = "DarkGreen";
	anchor.style.textDecoration = "underline";
}
function mouseOutA( anchor )
{
	anchor.style.color = "black";
	anchor.style.textDecoration = "none";
}
function mouseOverAS( id )
{
	document.getElementById("a"+id.toString()).style.color = "red";
}
function mouseOutAS( id )
{
	document.getElementById("a"+id.toString()).style.color = "black";
}
function none()
{
}