// JavaScript Document
var currentOn = 'overview'; // set overview to start

function rolloverMenu(menuNumber )
{
	
	
	switch( menuNumber )
	{
		case 1:
			removeOtherStyles(currentOn);
			currentOn = 'overview';
			hoverStyles('overview');
			break;
		case 2:
			removeOtherStyles(currentOn);
			currentOn = 'download';
			hoverStyles('download');
			break;
		case 3:
			removeOtherStyles(currentOn);
			currentOn = 'teaching';
			hoverStyles('teaching');
			break;
		case 4:
			removeOtherStyles(currentOn);
			currentOn = 'community';
			hoverStyles('community');
			break;
		default:
			break;
	}
	
	displayLinks();

}

function hoverStyles ( category )
{
		document.getElementById(category).style.background="#ffba01";
		document.getElementById(category).style.color="#FFF";
}

function removeOtherStyles ( currentOn )
{
		document.getElementById(currentOn).style.background="#fff";
		document.getElementById(currentOn).style.color="#999";
}

function displayLinks()
{
	if( currentOn == 'overview' )
	{
		document.getElementById('downloadLinks').style.display="none";
		document.getElementById('teachingLinks').style.display="none";
		document.getElementById('communityLinks').style.display="none";
		document.getElementById('overviewLinks').style.display="inline";
	}
	else if( currentOn == 'download' )
	{
		document.getElementById('downloadLinks').style.display="inline";
		document.getElementById('teachingLinks').style.display="none";
		document.getElementById('communityLinks').style.display="none";
		document.getElementById('overviewLinks').style.display="none";
	}
	else if( currentOn == 'teaching' )
	{
		document.getElementById('downloadLinks').style.display="none";
		document.getElementById('teachingLinks').style.display="inline";
		document.getElementById('communityLinks').style.display="none";
		document.getElementById('overviewLinks').style.display="none";
	}
	else if( currentOn == 'community' )
	{
		document.getElementById('downloadLinks').style.display="none";
		document.getElementById('teachingLinks').style.display="none";
		document.getElementById('communityLinks').style.display="inline";
		document.getElementById('overviewLinks').style.display="none";
	}
		
}