// SetSiteBase(): If your site base path is anything other than '/', you need to call this function.
// Param 1: Site base path (i.e., '/my_site/')
dlese_setSiteBase( "/jsp/teachingboxes/plateTectonics/" );
dlese_docIsSideNav = true;

// Top CSS px position:
SIDE_MENU_TOP = 109;
// Px menu width
SIDE_MENU_WIDTH = 165;
// Background graphic creates the colored band stretching down the side of the page
SIDE_MENU_BACK_IMG = "/jsp/teachingboxes/images/side_menu_background.gif";

function underConstructionMessage() {
	alert( "This feature is not yet implemented." );
}

// MENU DEFINITION -- Define your menu here.  
// ---------------
// 1) Always use the variable name M0 for the root tree
// 2) NEVER use the variable name MO (or anything so undescriptive) for anything BUT the root tree
	var M0 = new TreeMenu( 'M0' );

	var overview = new TreeMenu( 'overview' );
	ATE( M0, '/', 'Overview of the box', overview );
	ATE( overview, '/', 'About this teaching box' );	
	ATE( overview, 'overview/concepts.jsp', 'Concepts & standards' );	
	ATE( overview, 'overview/lessons.jsp', 'Lessons in this box' );	
	ATE( overview, 'overview/prerequisites.jsp', 'Prerequisites' );	
	ATE( overview, 'overview/technical.jsp', 'Technical requirements' );	
//	ATE( overview, 'overview/careers.jsp', 'Carreers & technologies' );		


//	var prerequisites = new TreeMenu( 'prerequisites' );
//	ATE( M0, 'prerequisites/', 'Prerequisite lesson' );
//	ATE( prerequisites, 'prerequisites/', '<i>Latitudes and longitudes</i>' );

//	var intro = new TreeMenu( 'intro' );
	ATE( M0, 'intro/index.jsp', 'Introductory activity' );
//	ATE( intro, 'intro/preparation.jsp', 'Preparation' );	
//	ATE( intro, 'intro/procedure.jsp', 'Procedure' );	

	var fossils= new TreeMenu( 'fossils' );
	ATE( M0, 'fossils/index.jsp', 'Fossil evidence', fossils );
	ATE( fossils,'fossils/index.jsp', 'Introduction' );	
	ATE( fossils,'fossils/concepts/index.jsp', 'Concepts &amp; standards' );	
	ATE( fossils,'fossils/sequence/index.jsp', 'Lesson sequence' );	
	ATE( fossils,'fossils/resources/indexbox.jsp', 'Teaching &amp; learning resources' );	
	
	var earthquakes= new TreeMenu( 'earthquakes' );
	ATE( M0, 'earthquakes/index.jsp', 'Earthquake evidence', earthquakes );
	ATE( earthquakes,'earthquakes/index.jsp', 'Introduction' );	
	ATE( earthquakes,'earthquakes/concepts/index.jsp', 'Concepts &amp; standards' );	
	ATE( earthquakes,'earthquakes/sequence/index.jsp', 'Lesson sequence' );	
	ATE( earthquakes,'earthquakes/resources/indexbox.jsp', 'Teaching &amp; learning resources' );	

	var volcanoes = new TreeMenu( 'volcanoes' );
	ATE( M0, 'volcanoes/index.jsp', 'Volcano evidence', volcanoes );
	ATE( volcanoes, 'volcanoes/index.jsp', 'Introduction' );	
	ATE( volcanoes, 'volcanoes/concepts/index.jsp', 'Concepts &amp; standards' );	
	ATE( volcanoes, 'volcanoes/sequence/index.jsp', 'Lesson sequence' );	
	ATE( volcanoes, 'volcanoes/resources/indexbox.jsp', 'Teaching &amp; learning resources' );	
	
//	var seafloor = new TreeMenu( 'seafloor' );
//	ATE( M0, 'seafloor/index.jsp', 'Sea-floor spreading', seafloor );
//	ATE( seafloor,'seafloor/', 'Introduction' );	
//	ATE( seafloor,'seafloor/concepts/', 'Concepts &amp; standards' );	
//	ATE( seafloor,'seafloor/sequence/', 'Lesson sequence' );	
//	ATE( seafloor,'seafloor/resources/', 'Teaching &amp; learning resources' );	
	

	ATE( M0, 'culminating_activity.jsp', 'Culminating activity' );
	ATE( M0, '#', '<hr width="80%" style="position: relative; top: 10px;">' );
	
	ATE( M0, '../../../index.jsp', 'Teaching Boxes Home' );

// OpenNewWindow is a convenience function that makes use of a powerful feature of Javascript: all parameters
// ------------- are optional!  Of course you will only get positive results if you specify the first parameter
// in this case--the URL of the page you want to open.  By default, all browser features are displayed, and 
// the window will be "focused", or brought to the front of any other open windows--if the user already had
// that window open, this will ensure that clicking the link brings it forward.  Note that the default window
// "target" (unique window id) is '_blank', which ALWAYS opens a new window, regardless of whether the user
// had clicked the link before.
//
// If your needs are simple, you'll probably find it easier to specify 'nw' for the target parameter of the 
// ATE() function, since it opens and focuses a single uniquely named window.  But if you want more control
// over the size and look of the window (see the "Author" link under "About the Tree Menus" for an example)
// then this function will hopefully make it easier for you.
function OpenNewWindow( url, 			// location to open 
						target,			// a unique id for this window (defaults to '_blank')
						width,			// window width (pixels)
						height, 		// window height (bad idea unless intended as a small 'popup' window)
						dontFocus, 		// don't focus the window after opening (not recommended)
						// For each of the following, pass a 1 or true to turn OFF the feature, 
						// since having them on is the default (same as passing '', or 0):
						resizable, 		// can the window be resized? 
						toolbar, 		// display navigation buttons (back, forward, etc.)? 
						location, 		// display the address (URL) bar of the window?
						directories, 	// display the directories bar ("Links" bar in IE)?
						menubar, 		// display the menubar ("File", "Edit", etc.)?
						status, 		// display status bar (at bottom of window)?
						scrollbars ) {	// allow the user to scroll if content is larger than the window?
	if ( !width ) width = ''; else width = 'width=' + width + ',';
	if ( !height ) height = ''; else height = 'height=' + height + ',';
	if ( !target ) target = '_blank';
	if ( !resizable ) resizable = 'resizable=1,'; else resizable = 'resizable=0,'; + resizable + ',';
	if ( !toolbar ) toolbar = 'toolbar=1,'; else toolbar = 'toolbar=0,';
	if ( !location ) location = 'location=1,'; else location = 'location=0,';
	if ( !directories ) directories = 'directories=1,'; else directories = 'directories=0,';
	if ( !menubar ) menubar = 'menubar=1,'; else menubar = 'menubar=0,';
	if ( !status ) status = 'status=1,'; else status = 'status=0,';
	if ( !scrollbars ) scrollbars = 'scrollbars=1'; else scrollbars = 'scrollbars=0';
	var props = width + height + resizable + toolbar + location + directories + menubar + status + scrollbars;
	var w = window.open( url, target, props );
	if ( !dontFocus && window.focus ) w.focus();
} 

/* Try uncommenting the following line and reloading (not from browser cache!) to see what your site
looks like in older browsers that can run Javascript.  NOTE: Always provide an alternative means of
navigation for users WITHOUT Javascript (many users turn it off if when they do have it)!  See
the 'Accessibility issues' section of the example site for details on how to do this. */

//IS_DHTML_BROWSER = false;