//-- ===================================================================-->
//-- Menu Utilities for Chimacum Junior Solar Sprint                   	-->
//-- ===================================================================-->

//-- Global Variables

var GenMenuColor = "lightgrey";		// Side menu bgcolor
var ActMenuColor = "yellow";		// Side menu ACTIVE option bgcolor
var MenuWidth    = 120;                 // Side menu width

//-- ===================================================================-->
//-- DEPARTMENT MENU ITEM FORMAT ----------------------------------------->
function MenuOption( Level, ID, CP, Title, Link )
{
	var Color = GenMenuColor;
	if( CP == ID ) Color = ActMenuColor;
	var Indent = " ";
	if( Level == "2" ) { Indent = "  " };
	if( Level == "3" ) { Indent = "    " };
	if( Level == "4" ) { Indent = "      " };
	document.writeln('<tr>');
	document.writeln('<td valign="top" bgcolor="'+ Color +'" width="'+ MenuWidth +'">');
	document.writeln( Indent );
	document.writeln('<font face="Arial, Helvetica, Comic Sans MS" color="darkblue" size="-2"><b>');
	if( Link != "" )
		document.writeln('<a href="'+ Link +'">');
	document.writeln( Title );
	if( Link != "" )
		document.writeln('</a>');
	document.writeln('</b></font>');
	document.writeln('</td>');
	document.writeln('</tr>');
}

//-- ===================================================================-->
//-- DEPARTMENT MENU ITEM FORMAT ----------------------------------------->
function SecOption( secWdth, secID, secCP, secWdth, secTitle, secLink )
{
	var secColor = GenMenuColor;
	if( secCP == secID ) secColor = ActMenuColor;
	document.writeln('<th valign="top" bgcolor="'+ secColor +'" width="'+ secWdth +'%">');
	document.writeln('<font face="Arial, Helvetica, Comic Sans MS" color="darkblue" size="-2"><b>');
	if( secLink != "" )
		document.writeln('<a href="'+ secLink +'">');
	document.writeln( secTitle );
	if( secLink != "" )
		document.writeln('</a>');
	document.writeln('</b></font>');
	document.writeln('</td>');
}

//-- ===================================================================-->
//-- DEPARTMENT MENU ITEM DIVIDER ---------------------------------------->
function MenuDivider( Level, Title )
{
	document.writeln('<tr>');
	document.writeln('<td valign="top"><hr></td>');
	document.writeln('</tr>');
}
//-- ===================================================================-->
//-- DEPARTMENT TOP OF PAGE BANNER --------------------------------------->
function Banner( Department )
{
	document.writeln('<tr valign="top">')
	document.writeln('<td colspan="2" valign="top"><table width="100%" valign="top"><tr>')
	document.writeln('<td height="65" bgcolor="white" valign="top">')
	document.writeln('<a href="http://www.chimacum.wednet.edu">')
	document.writeln('<img src="Images/csd_logo_small.gif" width=90 height=60 border=0 alt="Go to the District"></a>')
	document.writeln('</td>')
	document.writeln('<td>')
	document.writeln('<font face="Century Gothic" size="-1">Chimacum School District No. 49</font>')
	document.writeln('<br>')
	document.writeln('<font face="Century Gothic" size="+3"><b>'+ Department +'</b></font>')
	document.writeln('</td>')
	document.writeln('<td>')
	document.writeln('<a href="http://eagle.chimacum.wednet.edu/middle/">')
	document.writeln('<img src="Images/CMS_eagle.gif" width=50 height=60 border=0 alt="Go to the Middle School"></a>')
	document.writeln('</td>')
	document.writeln('<td>')
	document.writeln('<a href="http://www.nrel.gov/education/student.html">')
	document.writeln('<img src="Images/JSS_logo1.gif" width=100 height=30 border=0 alt="Go to the Natl. Junior Solar Sprint"></a>')
	document.writeln('</td>')
	document.writeln('</tr></table></td>')
	document.writeln('</tr>')
}

//-- ===================================================================-->
//-- MAIN SECTION MENU BANNER -------------------------------------------->
function TopMenu( CurrentPage )
{
	var CP = CurrentPage;
	keyArray     = CP.split(".");
	var keyNum   = keyArray.length;
	var secKey   = keyArray[0];
	var secNum   = 5;		// must be updated with each addition to section menu
	var secWdth  = 100/secNum;

	// TOP MENU WITH THE SECTION OPTIONS.....
	document.writeln('<tr valign="top">')
	document.writeln('<td colspan="2" valign="top"><table width="100%" cellspacing="2" cellpadding="2" valign="top" bgcolor="darkblue"><tr>')
	document.writeln('<script language="JavaScript">SecOption( "'+ secWdth +'", "1", "'+ secKey +'", "'+ secWdth +'", "HOME",    "index.htm"        )</script>')
	document.writeln('<script language="JavaScript">SecOption( "'+ secWdth +'", "2", "'+ secKey +'", "'+ secWdth +'", "COURSE",  "Course_Instr.htm" )</script>')
	document.writeln('<script language="JavaScript">SecOption( "'+ secWdth +'", "3", "'+ secKey +'", "'+ secWdth +'", "TEACHER", "Teacher_Intr.htm" )</script>')
	document.writeln('<script language="JavaScript">SecOption( "'+ secWdth +'", "4", "'+ secKey +'", "'+ secWdth +'", "HISTORY", "History_Info.htm" )</script>')
	document.writeln('<script language="JavaScript">SecOption( "'+ secWdth +'", "5", "'+ secKey +'", "'+ secWdth +'", "ABOUT",   "About.htm"        )</script>')
	document.writeln('</tr></table></td>')
	document.writeln('</tr>')

	// SIDE MENU WITH THE PAGE OPTIONS.....
	document.writeln('<tr>')
	document.writeln('<td width="'+ MenuWidth +'" bgcolor='+ GenMenuColor +' valign="top">')
	document.writeln('<table width="'+ MenuWidth +'" cellspacing="0">')

	// HOME SECTION 1
	if( secKey == 1 )
	{
		document.writeln('<script language="JavaScript">MenuOption( "1", "1.0.0", "'+ CP +'",  "HOME - News",      "index.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "1.1.0", "'+ CP +'",  "CLASS CALENDAR",   "Calendar.htm" )</script>')
	}
	// CLASS SECTION 2
	else if( secKey == 2 )		
	{
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.0.0", "'+ CP +'",  "INSTRUCTIONS",        "Course_Instr.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.1.0", "'+ CP +'",  "1 -INTRODUCTION",     "Course_Intro.htm"         )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.2.0", "'+ CP +'",  "2 -DESIGN PROCESS",   "Course_DsgnProc.htm"      )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.3.0", "'+ CP +'",  "3 -CHASSIS",          "Course_Chassis.htm"       )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.4.0", "'+ CP +'",  "4 -WHEELS",           "Course_Wheels.htm"        )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.5.0", "'+ CP +'",  "5 -TRANSMISSIONS",    "Course_Transmissions.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.6.0", "'+ CP +'",  "6 -GEAR CALCS",       "Course_GearCalc.htm"      )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.7.0", "'+ CP +'",  "7 -SOLAR PANEL",      "Course_SolarPanel.htm"    )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.8.0", "'+ CP +'",  "8 -BODY & SHELL",     "Course_BodyShell.htm"     )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.9.0", "'+ CP +'",  "9 -DESIGN REVIEW",    "Course_ReviewPrep.htm"    )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.10.0","'+ CP +'",  "10-BUILD",            "Course_Build.htm"         )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.11.0","'+ CP +'",  "11-OPTIMIZE",         "Course_Optimize.htm"      )</script>')
		document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.12.0","'+ CP +'",  "EVENT RULES",         "Course_Rules.htm"         )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.13.0","'+ CP +'",  "LAB QUICK LIST",      "Lab_List.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.14.0","'+ CP +'",  "TOOLS & MATERIALS",   "Course_ToolsMatls.htm"    )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.15.0","'+ CP +'",  "SAFETY ISSUES",       "Course_Safety.htm"        )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.16.0","'+ CP +'",  "TEAMS",               "Teams.htm"    )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "2.17.0","'+ CP +'",  "STUDENT CONTRACT",    "Contract.htm" )</script>')
	}
	// TEACHER SECTION 4
	if( secKey == 3 )		
	{
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.1.0", "'+ CP +'",  "INTRODUCTION",     "Teacher_Intr.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.2.0", "'+ CP +'",  "LEADING PROGRAM",  "Teacher_Leading.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.3.0", "'+ CP +'",  "ROLE OF MENTOR",   "Teacher_Mentor.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.4.0", "'+ CP +'",  "HANDS-ON DESIGN",  "Teacher_HandsOn.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.5.0", "'+ CP +'",  "SYLLABUS",         "Teacher_Syllabus.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.6.0", "'+ CP +'",  "MATERIALS LIST",   "Teacher_Materials.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.7.0", "'+ CP +'",  "REGISTRATION",     "Teacher_Registration.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "3.8.0", "'+ CP +'",  "LINKS & PARTS",    "Teacher_LinksParts.htm" )</script>')
	}
	// HISTORY SECTION 4
	if( secKey == 4 )		
	{
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.0.0", "'+ CP +'",  "INFORMATION",      "History_Info.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.8.0", "'+ CP +'",  "2005",             "History_2005.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.7.0", "'+ CP +'",  "2003",             "History_2003.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.6.0", "'+ CP +'",  "2002",             "History_2002.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.5.0", "'+ CP +'",  "2001",             "History_2001.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.4.0", "'+ CP +'",  "2000",             "History_2000.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.3.0", "'+ CP +'",  "1999",             "History_1999.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.2.0", "'+ CP +'",  "1998",             "History_1998.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "4.1.0", "'+ CP +'",  "1997",             "History_1997.htm" )</script>')
	}
	// ABOUT SECTION 5
	if( secKey == 5 )		
	{
		document.writeln('<script language="JavaScript">MenuOption( "1", "5.1.0", "'+ CP +'",  "CHIMACUM SITE",   "About.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "5.2.0", "'+ CP +'",  "SITE MAP",        "SiteMap.htm" )</script>')
		document.writeln('<script language="JavaScript">MenuOption( "1", "5.3.0", "'+ CP +'",  "SPONSORS",        "Sponsors.htm" )</script>')
	}
	
	document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
	document.writeln('<tr><td align="center">')
	document.writeln('<a href="mailto: rick.butchart@eds.com"><font face="Arial, Helvetica, Comic Sans MS" size=-2>Webmaster</font></a>')
	document.writeln('</td></tr>')
	document.writeln('<script language="JavaScript">MenuDivider(  )</script>')
	document.writeln('<tr><td align="center" height="300">&nbsp;</td></tr>')
	document.writeln('</table>')
	document.writeln('</td>')
	document.writeln('<td valign="top">')
}