/*
This function tells the browser to hide all the content, and then just show the one that was selected.
It also changes the location of the left green arrow.
*/

function changeContent(whichNum)
{
	for (i=0; i<=4; i++)
	{
		document.getElementById('content'+i).style.visibility="hidden";
		document.getElementById('left'+i).style.backgroundImage="none";
	}
	document.getElementById('content'+whichNum).style.visibility="visible";
	document.getElementById('left'+whichNum).style.backgroundImage="url('/images/leftarrow.jpg')";
	document.getElementById('left'+whichNum).style.backgroundRepeat="no-repeat";
	document.getElementById('left'+whichNum).style.backgroundPosition="5px 0px";
}

/*
This function is called when the page is loaded.  It just puts the arrows there they need to be
*/

function load()
{
	document.getElementById('left0').style.backgroundRepeat="no-repeat";
	document.getElementById('left0').style.backgroundPosition="5px 0px";
	document.getElementById('right0').style.backgroundRepeat="no-repeat";
	document.getElementById('right0').style.backgroundPosition="-5px 0px";
}