<!--
function drawLogo() {
	// This module draws the logo in the upper left corner of the page with a link back to the home page
	document.write('<a href="index.htm" target="_top">');
	document.write('<img border="0" src="images/CactusLogo.jpg" alt="Go to Home Page" width="82" height="125"></a>');
}

function drawBanner() {
	// This is an optional banner or text area that you can use to add additional information
	document.write('[Insert Banner in this space if desired]');
}

function mainMenu() {
	// This is the main menu module for the menu down the left side of the page
	// To change the menu, change the value of mn to the max number of items in the menu
	// assign the variables men[x] as the menu name and loc[x] as the destination page
	// set the menu/web page variables
	mn = 10;								// EDIT: set the maxinum number of menu items
	men=new Array(mn);				// dimension the array for the menu items
	loc=new Array(mn)					// dimension the array for the menu targets
	men[0]="Home";					// EDIT: first item in the menu
	loc[0]="index.htm";				// EDIT: first target page in the menu
	men[1]="x";
	men[2]="Bringing the<br>Desert into<br>the Classroom";		// EDIT: remaining items in the menu list
	loc[2]="Class.htm";
	men[3]="x";
	men[4]="Field Trips";
	loc[4]="Desert.htm"
	men[5]="x";
	men[6]="Projects and<br>Lesson Plans";
	loc[6]="LessonPlans.htm";
	men[7]="x"
	men[8]="Resources for<br>Teachers";
	loc[8]="resources.htm";
	men[9]="x"
	men[10]="Bibliography";
	loc[10]="Bibliography.htm";

	// write the menu items as links using a for--while loop
	document.write('<br>');
	for (var i=0; i<=mn; i++) {
		if(men[i]=="x") {
			document.write('&nbsp;<br>');
		} else {	
		if(loc[i]=="x") {
			document.write('<br><font face="Arial" size="2"><b>'+men[i]+'<b></font><br>');
		
		} else {


// next line is used if you don't want the dynamic roll-over effect in the menu
//		document.write('<a href="'+loc[i]+'" target="_top"><font face="Arial" size="2">'+men[i]+'</font></a><br>');
// The following 4 lines provide the dynamic roll-over effect in the main menu		
		document.write('<a href="'+loc[i]+'" target="_top" dynamicanimation="fpAnimformatRolloverFP1"');
		document.write('fprolloverstyle="font-family: Arial; color: #FF0000; font-weight: bold" ');
		document.write('onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">');
		document.write('<font face="Arial" size="2"><b>'+men[i]+'</b></font></a></br>');
	}
	}
	}
}


//-->