var mClickedCell;

function clicked(aID)

{		

	mClickedCell = aID;


	// set all links to their default color

	document.getElementById('home').className='cell_out';

	document.getElementById('fees').className='cell_out';

	document.getElementById('about').className='cell_out';

	document.getElementById('teams').className='cell_out';
	
	document.getElementById('pictures').className='cell_out';

	document.getElementById('coaches').className='cell_out';

	document.getElementById('schedules').className='cell_out';
	
	document.getElementById('stories').className='cell_out';

	document.getElementById('boomer').className='cell_out';

	document.getElementById('michiganyouthsoccer').className='cell_out';

	document.getElementById('westmichigansoccer').className='cell_out';
	
	document.getElementById('gvsoccer').className='cell_out';



	// Set the one link that has been clicked on the highlight color

	//document.getElementById(aID).className = 'clicked';

}

function onOut(aID)

{

	// This function is called each time the mouse hovers out of the 

	if (aID != mClickedCell)

	{

		document.getElementById(aID).className='cell_out';

	}

	else

	{

		document.getElementById(aID).className='clicked';

	}

}

function onOver(aID)

{

	if (aID != mClickedCell)

	{

		document.getElementById(aID).className='cell_over';

	}

	else

	{

		document.getElementById(aID).className='clicked';

	}

}





function writeIt(aOutput)

{

	document.writeln(aOutput);

}

function fillToBorder(aString, aLength)

{

	writeIt('home');

}



function displayNavigation()

{

	writeIt("<table width=\"100%\" valign=\"top\">");

	

		writeIt("<tr>");

			writeIt("<td align=\"left\" class=\"title_navigation\">");

					writeIt("<hr class=\"navigation_separator\">");

					writeIt("Site Contents");

  				    writeIt("<hr class=\"navigation_separator\">");

			writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");		

				writeIt("<td id=\"home\" align=\"left\" onmouseover=\"onOver('home')\" onmouseout=\"onOut('home')\">");

					writeIt("<a href=\"/index.php\">Home</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		
		/* Note About Cassa doesn't have enough new information to make it a viable link
		writeIt("<tr>");

				writeIt("<td id=\"about\" align=\"left\" onmouseover=\"onOver('about')\" onmouseout=\"onOut('about')\">");

					writeIt("<a href=\"/about.html\">About CASSA</a>");

				writeIt("</td>");

		writeIt("</tr>");
		*/
		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td id=\"fees\" align=\"left\" onmouseover=\"onOver('fees')\" onmouseout=\"onOut('fees')\">");

					writeIt("<a href=\"/fees.html\">Fees</a>");

				writeIt("</td>");

		writeIt("</tr>");			

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td id=\"teams\" align=\"left\" onmouseover=\"onOver('teams')\" onmouseout=\"onOut('teams')\">");

					writeIt("<a href=\"/teams.html\">Teams</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");
		
		writeIt("<tr>");

				writeIt("<td id=\"pictures\" align=\"left\" onmouseover=\"onOver('pictures')\" onmouseout=\"onOut('pictures')\">");

					writeIt("<a href=\"/pictures/pictures.php\">Pictures</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td id=\"coaches\" align=\"left\" onmouseover=\"onOver('coaches')\" onmouseout=\"onOut('coaches')\">");

					writeIt("<a href=\"/coaches.html\">Coaches & Board Members</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td id=\"schedules\" align=\"left\" onmouseover=\"onOver('schedules')\" onmouseout=\"onOut('schedules')\">");

					writeIt("<a href=\"/schedules.html\">Schedules</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td id=\"boomer\" align=\"left\" onmouseover=\"onOver('boomer')\" onmouseout=\"onOut('boomer')\">");			

					writeIt("<a href=\"/boomer.html\">Boomer Park</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		writeIt("<tr>");

				writeIt("<td id=\"stories\" align=\"left\" onmouseover=\"onOver('stories')\" onmouseout=\"onOut('stories')\">");			

					writeIt("<a href=\"/stories.html\">Soccer Stories</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<br>");

				writeIt("</td>");

		writeIt("</tr>");
		

		writeIt("<tr>");

				writeIt("<td align=\"left\" class=\"title_navigation\">");

					writeIt("<hr class=\"navigation_separator\">");

					writeIt("Other Links");

					writeIt("<hr class=\"navigation_separator\">");

				writeIt("</td>");

		writeIt("</tr>");		

		

		writeIt("<tr>");

				writeIt("<td id=\"michiganyouthsoccer\" align=\"left\" onmouseover=\"onOver('michiganyouthsoccer')\" onmouseout=\"onOut('michiganyouthsoccer')\">");			

					writeIt("<a target=\"_new\" href=\"http://www.msysa.net\">Michigan Youth Soccer</a>");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");

		

		writeIt("<tr>");		

				writeIt("<td id=\"westmichigansoccer\" align=\"left\" onmouseover=\"onOver('westmichigansoccer')\" onmouseout=\"onOut('westmichigansoccer')\">");

					writeIt("<a target=\"_new\" href=\"http://www.westmichigansoccer.com\">West Michigan Soccer</a>");

				writeIt("</td>");

		writeIt("</tr>");

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");


		writeIt("<tr>");		

				writeIt("<td id=\"gvsoccer\" align=\"left\" onmouseover=\"onOver('gvsoccer')\" onmouseout=\"onOut('gvsoccer')\">");

					writeIt("<a target=\"_new\" href=\"http://www.gvsoccer.org\">Grand Valley Soccer Association</a>");

				writeIt("</td>");

		writeIt("</tr>");
		

		writeIt("<tr>");

				writeIt("<td align=\"left\">");

					writeIt("<img src=\"/images/leftnavstrip.gif\" width=150 height=1 alt=\"\" border=\"0\">");

				writeIt("</td>");

		writeIt("</tr>");		

	writeIt("</table>");
	
	writeIt("<br><br><img src=\"/images/trihawk-logo-web-190.jpg\"/>");

}