// Remove any frames
if (top.location != self.location) {
  top.location = self.location;
}

// this is the entire path. For local it is: 
// "file:///f:/bikewest/working/bike_23.html"
// and has a length of 40 characters from 0 to 39 index values.
var url = self.location.href;
url = url.toLowerCase();

// determine the server
var DOM   = '';
var local = 'file:///f:/';
var live  = 'www.ac.wwu.edu/~kuhng/bikewwu/';

// for local, url.lastIndexOf(local)= 0 as local=="file:///f:/"
// so DOM=="file:///f:/" as the TRUE boolean choice
// because url(object).lastIndexOf() contains the substring "file:///f:/".
//
// if it did not then url.lastIndexOf() would return -1 and DOM would be live
// or "www.ac.wwu.edu/~kuhng/bikewwu/"
((url.lastIndexOf(local) > -1) ? DOM = local : DOM = live )

// determine the relative path
// for live, DOM=="www.ac.wwu.edu/~kuhng/bikewwu/", and 
// endofDOM==-1 as "www.ac.wwu.edu/~kuhng/bikewwu/" is not in the
// url being searched (ie. "file:///f:/bikewest/working/bike_23.html")
// for the substring by url.lastIndexOf().
//
// for local, DOM=="file:///f:/", and endofDOM==0 as "file:///f:/" is in the
// url being searched (ie. "file:///f:/bikewest/working/bike_23.html")
// for the substring by url.lastIndexOf().
var endOfDOM = url.lastIndexOf(DOM);

// object.substring( (start index), up to but not including end index)
// for live, endofDOM==-1, DOM.length=11 for "file:///f:/", so start is 10 to 39.
var endOfURL = url.substring((endOfDOM + DOM.length), url.length);

// determine relpath, and subdirectory variable
var path = '';
var subdir = '';
// var section = ''; // here in cubemedia
// for local, endOfURL is "bikewest/working/bike_23.html"
// with length of 29 (ie. from index 0 to 28)
for (i=0; i<endOfURL.length; i++) {
	
	// for local, subdir is "bikewest/working" because last forward slash "/"
	// in the entire path of "bikewest/working/bike_23.html 
	// is just before the html file name.
	if (i < endOfURL.lastIndexOf('/') )  { 
		subdir  = subdir + endOfURL.charAt(i).toLowerCase();
	} // end if
	
	// used in cubemedia global.js
	//  if (i < endOfURL.indexOf('/') ){ section += endOfURL.charAt(i).toLowerCase(); } 
	
	// for local, the path is "" because even if a forward slash "/"
	// is found the additive characater to the path string is "".
	// NOT USED: if (endOfURL.charAt(i)=='/'){ path += '../'; }
	if (endOfURL.charAt(i)=='/'){ 
		path = path + ''; 
	} // end if
} // end loop

// determine section of site
// this loop is in the above loop in cubemedia.
var section = '';
// for local,subdir is "bikewest/working/..."
// with length of any.
for (i=0; i<subdir.length; i++) {
	
	// for local, section is "bikewest" because first forward slash "/"
	// is just before the full subdirectory path obtained above.
	if (i < subdir.lastIndexOf('/') )      { 
		section = section + subdir.charAt(i).toLowerCase(); 
	} // end if
} // end loop

// ensure section is defined and is lowercase
if (subdir + '' == 'undefined' || subdir == ''){ 
	subdir  = 'bikewwu';
} // end if 

// this is in cubemedia
// ensure section is defined and is lowercase
// if (section + '' == 'undefined' || section == ''){ section = 'services'; subdir = 'services';} 


// determine filename
var HTM = '.htm';
var endOfHTM = url.lastIndexOf(HTM);
var beg_file = url.lastIndexOf('/');
var filename = url.substring(beg_file + 1, endOfHTM);

//determine nav section and IDs
// used in cubemedia

//var global_nav_id    = section;
//var secondary_nav_id = filename;

// Browser Sniffer
var sAgent = navigator.userAgent;
var mac = sAgent.indexOf("Mac") > -1;
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var ns3 = (bName == "Netscape" && bVer == 3);
var ie3 = (bName == "Microsoft Internet Explorer" && bVer == 3);
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all && !document.getElementById) ? true : false;
var ie5 = (document.all && document.getElementById) ? true : false;
var ie6 = (document.all && document.getElementById) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;

// not in cubemedia
if(ie6) { ie5 = true; } // ie5 substitues for ie6 in all the code in this js.

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}

MM_reloadPage(true);

// Rollover Function
function findObj(n, d) { //v3.0
  var p,i,x;  
  
  if(!d) d=document; 
  
  if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; 
    n=n.substring(0,p);
    }
    
  if(!(x=d[n])&&d.all) x=d.all[n]; 
  
  for (i=0;!x&&i<d.forms.length;i++)
   x=d.forms[i][n];
   
  for(i=0;!x&&d.layers&&i>d.layers.length;i++) 
	x=findObj(n,d.layers[i].document); 
	return x;
}

function swapImage(){//v3.0
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function swapImgRestore(){//v3.0
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i>a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
// Init function 
function init(){null}

// Netscape Resize Workaround
if (ns4) {
	widthCheck = window.innerWidth
	heightCheck = window.innerHeight
	window.onResize = refresh
}

function refresh() {
	if (widthCheck != window.innerWidth || heightCheck != window.innerHeight)
	document.location.href = document.location.href
}

// Hide Show
function show(object) {
	if (document.getElementById){
			myObject = eval(document.getElementById('' + object + ''));
			myObject.style.visibility = 'visible';
			}
    else if (document.layers) {
        if (document.layers[object] != null) document.layers[object].visibility = 'visible';
    }
    else if (document.all) 
        	document.all[object].style.visibility = 'visible'; 
}

function hide(object) {
	if (document.getElementById){
			myObject = eval(document.getElementById('' + object + ''));
			myObject.style.visibility = 'hidden';
			}
    else if (document.layers) {
        if (document.layers[object] != null) document.layers[object].visibility = 'hidden';
    }
    else if (document.all) 
        	document.all[object].style.visibility = 'hidden'; 
}

noNavClock = null

function offnav(){ noNavClock = setTimeout('nonav();',900); }

function nonav(){hide('subred'); hide('subgrn'); hide('subblu'); hide('subblk'); clearTimeout(noNavClock)}

function onserv(){show('subred'); clearTimeout(noNavClock);}
function onsolu(){show('subgrn'); clearTimeout(noNavClock);}
function onclnt(){show('subblu'); clearTimeout(noNavClock);}
function oncomp(){show('subblk'); clearTimeout(noNavClock);}

function ontopserv(){showServClock = setTimeout('show(\'subred\');',200);}
function ontopsolu(){showSoluClock = setTimeout('show(\'subgrn\');',200);}
function ontopclnt(){showClntClock = setTimeout('show(\'subblu\');',200);}
function ontopcomp(){showCompClock = setTimeout('show(\'subblk\');',200);}

function offtopserv(){clearTimeout(showServClock);}
function offtopsolu(){clearTimeout(showSoluClock);}
function offtopclnt(){clearTimeout(showClntClock);}
function offtopcomp(){clearTimeout(showCompClock);}

//================================================
//background and border colors
var redbg = '#990000';	var redbdr = 'gray'; 
var grnbg = '#999900';	var grnbdr = 'silver'; 
var blubg = '#cc8033';	var blubdr = 'silver';
var ornbg = '#FFCC66';	var blubdr = 'silver';
var blkbg = '000099';	var blkbdr = 'gray';
//=================================================
//subnav positioning coordinates
if (ie5) {
var redleft='52px';  var topx = '211px';
var grnleft='172px';    
var bluleft='292px';
var blkleft='412px';
}
else {
var redleft='52px';  var topx = '211px';
var grnleft='172px';    
var bluleft='292px';
var blkleft='412px';
}
//========================================================
// top navigation
var pnav_home      = path + 'bikewwu.html'; 
var pnav_resources = path + 'resources.html';
var pnav_safety    = path + 'safety.html';
var pnav_join      = path + 'join.html';
var pnav_mentor    = path + 'mentor.html';
//======================================================
// home navigation
var home_why        = path + 'why.html';
var home_calc       = path + 'calc.html'; 
var home_disclaimer	= path + 'disclaimer.html';
var home_broken     = path + 'broken.html';
//======================================================
// resources navigation
var res_becky       = path + 'ask.html';
var res_bulletin    = path + 'bulletin.html';
var res_links       = path + 'links.html';
var res_plan        = path + 'plan.html';
var res_american    = path + 'resources.html';
//======================================================
// safety navigation
var safety_tips     = path + 'tips.html';
var safety_laws     = path + 'laws.html';
var safety_dismount = path + 'dismount.html';
var safety_locks    = path + 'locks.html';
var safety_helmet   = path + 'helmet.html';
var safety_register = path + 'safety.html';
var safety_smarts   = path + 'safety.html';
var safety_code			= path + 'code.html';
//======================================================
// join navigation
var join_email = path + 'email.html';
//======================================================
// ------------------------------------------------------------------------
// ***** Creates a method for trimming *****
// prototype is an object hooked to the StrObj that holds whatever
// methods/functions the user wants to put in it. In other words, the prototype object
// is attached to the string object.  It should be done in two steps. First you
// define the method/function you want to add to the prototype object: 
// [function funcName () {...}]. Then you add it to the prototype object with 
// a descriptive name: String.prototype.descriptiveName = funcName; 
// In the case below it is an anonymous function (ie. no descriptiveName).
String.prototype.normalize = function(){
	// Using the predefined String.replace method of the Strobj function the statement below
	// globally trims off the beginning of the string if it is
	// one or more white spaces, all the white spaces beyond the last char and
	// it converts one or more spaces between words/chars to just a single white space.
	return this.replace( /^\s+/g , '' ).replace( /\s+$/g , '' ).replace( /\s+/g , " " ) ;
}
// ------------------------------------------------------------------------

// repeating variables
var sep      = ':'; 
var nl       = '<br>'; 
var state    = '';

// ***************** resoures page right hand side nav list ***********
var resources_nav = '' + 
' resources   | Resources           |' +pnav_resources  + sep + 
' ask         | Ask Becky           |' +res_becky       + sep + 
//' bulletin    | Bulletin Board      |' +res_bulletin    + sep + 
//' links       | Links & Contacts    |' +res_links       + sep + 
' plan        | Bicycle Master Plan |' +res_plan	    + sep +
' american    | League of American Bicyclists |' +dest_american; 
// ***************** Safety page right hand side nav list ***********
var safety_nav = '' + 
' safety    | Safety											|' +pnav_safety    + sep + 
' tips      | Safety Tips									| tips.html      ' + sep + 
' laws      | Bicycle Laws								| laws.html      ' + sep + 
' dismount  | Dismount Policy							| dismount.html  ' + sep + 
' locks     | Bicycle Locks								| locks.html     ' + sep + 
' helmet    | Helmet Safety								| helmet.html    ' + sep +
' register  | Register Your Bike					| dest_register  ' + sep +
' smarts    | Bicycling Street Smarts			| dest_smarts    ' + sep +
' code		  | Bicycle Responsibility Code	| code.html  ' ;
// ***************** Join page right hand side nav list ***********
var join_nav = '' + 
//' join     | Join         |' +pnav_join       + sep + 
' email    | Email Lists  | email.html      ' ;
// ***************** home page right hand side nav list ***********
var home_nav = '' + 
' bikewwu     | Home									|' +pnav_home       + sep + 
' why         | Why Bicycles?					|' +home_why        + sep + 
' calc        | Commute Calculator		|' +home_calc       + sep + 
' disclaimer  | Disclaimer						|' +home_disclaimer	+ sep + 
' broken      | Report a Broken Link	|' +home_broken; 
// ================================================================================
// *** Called from HTML to make right nav list happen differently on each page **** 
// Build Right hand side Navigation function
var prev_url      = parent.document.location.href;
var dest_american = "javascript:location=prev_url; window.open('http://www.bikeleague.org/educenter/factsheets.htm','american','height=400,width=600,scrollbars=yes,resizable=yes,top=10,left=10 toolbar=yes menubar=yes location=yes status=yes' )";
var dest_register = "javascript:location=prev_url; window.open('http://www.ps.wwu.edu/police/bikes/registration.aspx','american','height=400,width=600,scrollbars=yes,resizable=yes,top=10,left=10 toolbar=yes menubar=yes location=yes status=yes' )";
var dest_smarts   = "javascript:location=prev_url; window.open('http://www.bikexprt.com/streetsmarts/usa/index.htm','american','height=400,width=600,scrollbars=yes,resizable=yes,top=10,left=10 toolbar=yes menubar=yes location=yes status=yes' )";

function RightNav(theNav) {
    if (theNav != '::' || '') {
		// separates the nav list into an array of 
		// the separate menu items: 'id/filename | text | destination'
		var aRhtnav = theNav.split(sep);
		
		//document.write('&nbsp;<br>');
		
		// Insert top of left navigation 
		for (var i = 0; i < aRhtnav.length; i++) {
			// creates an array that is reinitialized 
			// each time through the for loop for each 
			// menu item on the vertical list.
			var result = aRhtnav[i].split('|');
			var id     = result[0].normalize(); 
			var text   = result[1].normalize();
			var dest   = result[2].normalize();
		
			// the index of the first occurrence of the character 
			// in the character sequence represented by this object, 
			// or -1 if the character does not occur. 
			if (text.indexOf('~') > -1) { 
				text = text.replace('~',nl) 
			} // end if
			
			if (filename.indexOf('_') > 0) { 
				// remove portion of filename after the underscore [_] character
				// as long as the underscore is not at the begining of the filename.
				filename = filename.substring(0, filename.indexOf('_'));
			} // end if		
			
			// this section determines the color of the right hand
			// side nav list for the page that is currently showing
			// on the screen. It also changes the color of the nav
			// items when the cursor hovers over it. If not selected
			// then color is black.
			if(id == filename) { 
				// Uses Home page brown color when selected.
				if( (id == "bikewwu") || (id == "why") || (id == "calc") || (id == "disclaimer")|| (id == "broken")) {
					state = 'home_on'; 	
				} // end if 
				
				// Uses Resources page green color when selected.
				if( (id == "resources") || (id == "ask") || (id == "bulletin") || (id == "links") || (id == "plan") ) {
					state = 'resources_on'; 	
				} // end if 
				
				// Uses Safety page yellow color when selected.
				if( (id == "safety") || (id == "tips") || (id == "laws") || 
						(id == "dismount") || (id == "helmet") || (id == "locks") || 
						(id == "smarts") || (id == "code") ) 
				{
					state = 'safety_on'; 	
				} // end if 
				
				// Uses Join page blue color when selected.
				if( (id == "join") || (id == "email") ) {
					state = 'join_on'; 	
				} // end if 
			}
			else { 
				state = 'rhtnav'; 
			} // end if
		
			// _ (Wildcard - Match One Character): Matches any single character, 
			// and can be used as either a prefix or suffix.
			
			// This section writes out the pages linked to on the right hand side of
			// the page, and then sets up the URL for each link in the
			// variable called "dest".
			//
			// this section displays the Home right hand link-to list
			if ( ( id=="bikewwu") || ( id=="why") || ( id=="calc") || ( id=="disclaimer")|| ( id=="broken") ) {
					document.write('<a id="'+ id +'" class="'+state+'" href="'+ dest+'">'+text+'</a>' + nl);
			} // end if
			
			// this section displays the Resources right hand link-to list
			if ( ( id=="resources") || ( id=="ask") || ( id=="bulletin") || ( id=="links") || ( id=="plan") || (id=="american" ) ) {
				if( !(id == "american")){
					document.write('<a id="'+ id +'" class="'+state+'" href="'+ dest+'">'+text+'</a>' + nl);
				}
				else {
					document.write('<a id="'+ id +'" class="'+state+'" href="'+ dest_american+'">'+text+'</a>' + nl);
				} // end if
				
			} // end if
			
			// this section displays the Safety right hand link-to list
			if ( ( id=="safety") || ( id=="tips") || ( id=="laws") || ( id=="dismount") || ( id=="locks") || (id=="helmet")  || (id=="register" ) || (id=="smarts" ) || (id == "code") ) 
			{
				if( (id == "safety") || (id == "tips") || ( id=="laws") || ( id=="dismount") || ( id=="locks") || (id=="helmet") || (id == "code") )
				{
					document.write('<a id="'+ id +'" class="'+state+'" href="'+ dest+'">'+text+'</a>' + nl);
				}
				else 
				{
					if ( (id=="register" ) || (id=="smarts" ) ) 
					{
						if(id=="register")
						{
							document.write('<a id="'+ id +'" class="'+state+'" href="'+dest_register+'">'+text+'</a>' + nl);
						} // end if
					
						if(id=="smarts") 
						{
							document.write('<a id="'+ id +'" class="'+state+'" href="'+dest_smarts+'">'+text+'</a>' + nl);
						} // end if
					} // end if
				} // end if-else
			} // end if
			
			// this section displays the Join right hand link-to list
			if ( ( id=="join") || ( id=="email") ) {
				document.write('<a id="'+ id +'" class="'+state+'" href="'+ dest+'">'+text+'</a>' + nl);
			} // end if
		} // end for
	} // end if
} // end function

// ================================================================================

// highlight subnav on right
function idcntrl(subid, clr) {
	var subidcolor;

	if (clr == 'red') { subidcolor = '#C94522'; }
	if (clr == 'blu') { subidcolor = '#C94522'; }
	if (clr == 'grn') { subidcolor = '#C94522'; }
	if (clr == 'blk') { subidcolor = '#C94522'; }
	if (clr == 'off') { subidcolor = '#000000'; }
					
	var type = typeof subid;
	
	if ((type != 'undefined' || null ) && (eval('document.all.' + subid))) { 
		if (ns4) { 
			eval('document.ids.' + subid + '.color = "' + subidcolor + '"')
		} else { 
			eval('document.all.' + subid +  '.style.color = "' + subidcolor + '"')
		} // end if
	} // end if
} // end functin
// =======================================================
// =======================================================
//primary navigation
var topnav = '' +
'<table width="672" border="0" cellspacing="0" cellpadding="0" name="link_table" id="link_table">' +
' <tr>' +
'  <td width="120" class="tds" onmouseover="nonav(); ontopserv();' + ((ie5 && !mac)? 'topfadein(0);':'')+'" onmouseout="' + ((ie5 && !mac)? 'topfadeout(0);':'') + 'offnav(); offtopserv();" onclick="window.location=\''+pnav_home+'\';" style="background-color:'+redbg+'; text-align:center; filter:alpha(opacity=100);"><a href="'+pnav_home+'"><img src="'+path+'images/buttons/pnav_home.gif" width="120" height="27" border="0"></a></td>' +

'  <td width="120" class="tds" onmouseover="nonav(); ontopsolu();' + ((ie5 && !mac)? 'topfadein(1);':'') + '" onmouseout="' + ((ie5 && !mac)? 'topfadeout(1);':'') + 'offnav(); offtopsolu();" onclick="window.location=\''+pnav_resources+'\';" style="background-color:'+grnbg+'; text-align:center; filter:alpha(opacity=100);"><a href="'+pnav_resources+'"><img src="'+path+'images/buttons/pnav_resources.gif" width="120" height="27" border="0"></a></td>' +

'  <td width="120" class="tds" onmouseover="nonav(); ontopclnt();' + ((ie5 && !mac)? 'topfadein(2);':'') + '" onmouseout="' + ((ie5 && !mac)? 'topfadeout(2);':'') + 'offnav(); offtopclnt();" onclick="window.location=\''+pnav_safety+'\';" style="background-color:'+blubg+'; text-align:center; filter:alpha(opacity=100);"><a href="'+pnav_safety+'"><img src="'+path+'images/buttons/pnav_safety.gif" width="120" height="27" border="0"></a></td>' +

'  <td width="120" class="tds" onmouseover="nonav(); ontopcomp();' + ((ie5 && !mac)? 'topfadein(3);':'') + '" onmouseout="' + ((ie5 && !mac)? 'topfadeout(3);':'') + 'offnav(); offtopcomp();" onclick="window.location=\''+pnav_join+'\';" style="background-color:'+blkbg+'; text-align:left; filter:alpha(opacity=100);"><a href="'+join_email+'"><img src="'+path+'images/buttons/pnav_join.gif" width="120" height="27" border="0"></a></td> ' +

'  <td width="120" class="tds" onmouseover="nonav(); ontopsolu();' + ((ie5 && !mac)? 'topfadein(1);':'') + '" onmouseout="' + ((ie5 && !mac)? 'topfadeout(1);':'') + 'offnav(); offtopsolu();" onclick="window.location=\''+pnav_mentor+'\';" style="background-color:'+ornbg+'; text-align:center; filter:alpha(opacity=100);"><a href="'+pnav_mentor+'"><img src="'+path+'images/buttons/pnav_mentor.gif" width="120" height="27" border="0"></a></td>' +


'  <td width="192"><img src="'+path+'images/blank.gif" width="192" height="27" border="0"></td>' +

' </tr>' +

' <!-- tr>' +
'  <td width="120" style="background-color:redbg;"><img src="'+path+'images/spacer.gif" width="1" height="0"></td>' +
'  <td width="120" style="background-color:grnbg;"><img src="'+path+'images/spacer.gif" width="1" height="0"></td>' +
'  <td width="120" style="background-color:blubg;"><img src="'+path+'images/spacer.gif" width="1" height="0"></td>' +
'  <td width="120" style="background-color:blkbg;"><img src="'+path+'images/spacer.gif" width="1" height="0"></td>' +
'  <td width="192"><img src="'+path+'images/spacer.gif" width="1" height="0"></td> ' +
' </tr --> ' +
'</table>';
// =======================================================
// =======================================================
var prev_url  = parent.document.location.href;
var subnav = '' +
//home subnavigation
'<div id="subred" style="position:absolute; width:120px; z-index:1; left: ' + redleft + '; top: ' + topx + '; visibility:hidden;">' + 
' <table cellpadding="0" border="0" cellspacing="0" name="rednav" id="rednav" width="120" bgcolor="#ffffff">' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onserv();' + ((ie5 && !mac)? 'fadein(\'red\',0)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'red\',0);':'') + '; offnav();" onclick="window.location=\''+home_why+'\';" style="border:1px solid ' + redbdr + '; background-color:' + redbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+home_why+'" class="subnav">Why Bicycles?</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onserv();' + ((ie5 && !mac)? 'fadein(\'red\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'red\',1)':'') + '; offnav();" onclick="window.location=\''+home_calc+'\';" style="border:1px solid ' + redbdr + '; background-color:' + redbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+home_calc+'" class="subnav">Commute Calculator</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onserv();' + ((ie5 && !mac)? 'fadein(\'red\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'red\',1)':'') + '; offnav();" onclick="window.location=\''+home_disclaimer+'\';" style="border:1px solid ' + redbdr + '; background-color:' + redbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+home_disclaimer+'" class="subnav">Disclaimer</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onserv();' + ((ie5 && !mac)? 'fadein(\'red\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'red\',1)':'') + '; offnav();" onclick="window.location=\''+home_broken+'\';" style="border:1px solid ' + redbdr + '; background-color:' + redbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+home_broken+'" class="subnav">Report a Broken Link</a></td>' + 
'  </tr>' + 
' </table>' + 
'</div>' + 
 
// =======================================================

// resources subnavigation
'<div id="subgrn" style="position:absolute; width:120px; z-index:1; left: ' + grnleft + '; top: ' + topx + '; visibility:hidden;"> ' + 
' <table cellpadding="0" cellspacing="0" name="grnnav" id="grnnav" width="120" bgcolor="#ffffff">' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onsolu();' + ((ie5 && !mac)? 'fadein(\'grn\',0)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'grn\',0)':'') + '; offnav();" onclick="window.location=\''+res_becky+'\';" style="border:1px solid ' + grnbdr + '; background-color:' + grnbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+res_becky+'" class="subnav">Ask Becky</a></td>' + 
'  </tr>' + 
/*'  <tr>' + 
'   <td class="nav" onmouseover="onsolu();' + ((ie5 && !mac)? 'fadein(\'grn\',2)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'grn\',2)':'') + '; offnav();" onclick="window.location=\''+res_bulletin+'\';" style="border:1px solid ' + grnbdr + '; background-color:' + grnbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+res_bulletin+'" class="subnav">Bulletin Board</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onsolu();' + ((ie5 && !mac)? 'fadein(\'grn\',3)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'grn\',3)':'') + '; offnav();" onclick="window.location=\''+res_links+'\';" style="border:1px solid ' + grnbdr + '; background-color:' + grnbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+res_links+'" class="subnav">Links & Contacts</a></td>' + 
'  </tr> ' + */
'  <tr>' + 
'   <td class="nav" onmouseover="onsolu();' + ((ie5 && !mac)? 'fadein(\'grn\',4)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'grn\',4)':'') + '; offnav();" onclick="window.location=\''+res_plan+'\';" style="border:1px solid ' + grnbdr + '; background-color:' + grnbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+res_plan+'" class="subnav">Bicycle Master Plan</a></td>' + 
'  </tr>' +
'  <tr>' +
'   <td class="nav" onmouseover="onsolu();' + ((ie5 && !mac)? 'fadein(\'grn\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'grn\',1)':'') + '; offnav();" onclick="window.location=\''+res_american+'\';" style="border:1px solid ' + grnbdr + '; background-color:' + grnbg + '; text-align:center; filter:alpha(opacity=100);"><a href="http://www.bikeleague.org/educenter/factsheets.htm" class="subnav">League of American Bicyclists</a></td>' + 
'  </tr>' +
'  </table>' + 
'</div>' + 

// ==============================================================
// safety subnavigation
'<div id="subblu" style="position:absolute; width:120px; z-index:1; left: ' + bluleft + '; top: ' + topx + '; visibility:hidden;"> ' + 
' <table cellpadding="0" cellspacing="0" name="blunav" id="blunav" width="120" bgcolor="#ffffff">' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',0)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',0)':'') + '; offnav();" onclick="window.location=\''+safety_tips+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_tips+'" class="subnav">Safety Tips</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',1)':'') + '; offnav();" onclick="window.location=\''+safety_laws+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_laws+'" class="subnav">Bicycle Laws</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',2)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',2)':'') + '; offnav();" onclick="window.location=\''+safety_dismount+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_dismount+'" class="subnav">Dismount Policy</a></td>' + 
'  </tr>' +
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',3)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',3)':'') + '; offnav();" onclick="window.location=\''+safety_locks+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_locks+'" class="subnav">Bicycle Locks</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',4)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',4)':'') + '; offnav();" onclick="window.location=\''+safety_helmet+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_helmet+'" class="subnav">Helmet Safety</a></td>' + 
'  </tr>' +  
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',5)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',5)':'') + '; offnav();" onclick="window.location=\''+safety_register+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);">' +
'		<a href= "http://www.ps.wwu.edu/police/bikes/registration.aspx" class="subnav">Register Your Bike</a></td>' + 
'  </tr>' + 
'  <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',4)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',4)':'') + '; offnav();" onclick="window.location=\''+safety_smarts+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);">' +
'   <a href="http://www.bikexprt.com/streetsmarts/usa/index.htm" class="subnav">Bicycling Street Smarts</a></td>' + 
'  </tr>' +  
'	 <tr>' + 
'   <td class="nav" onmouseover="onclnt();' + ((ie5 && !mac)? 'fadein(\'blu\',5)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blu\',5)':'') + '; offnav();" onclick="window.location=\''+safety_code+'\';" style="border:1px solid ' + blubdr + '; background-color:' + blubg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+safety_code+'" class="subnav">Bicycle Responsibility Code</a></td>' + 
'  </tr>' +   
' </table>' + 
'</div>' + 
// =====================================================
// join subnavigation
'<div id="subblk" style="position:absolute; width:120px; z-index:1; left: '+blkleft+'; top: ' + topx + '; visibility:hidden;"> ' + 
' <table cellpadding="0" cellspacing="0" name="blknav" id="blknav" width="120" bgcolor="#ffffff">' + 
'  <tr>' + 
'   <td class="nav" onmouseover="oncomp();' + ((ie5 && !mac)? 'fadein(\'blk\',1)':'') + '" onmouseout="' + ((ie5 && !mac)? 'fadeout(\'blk\',1)':'') + '; offnav();" onclick="window.location=\''+join_email+'\';" style="border:1px solid ' + blkbdr + '; background-color:' + blkbg + '; text-align:center; filter:alpha(opacity=100);"><a href="'+join_email+'" class="subnav">Email Lists</a></td>' + 
'  </tr>' + 
' </table>' + 
'</div>';
// =======================================================
var prev_url  = parent.document.location.href;
var dest_wwu  = "javascript:location=prev_url; window.open('http://www.wwu.edu','western','height=400,width=600,scrollbars=yes,resizable=yes,top=10,left=10 toolbar=yes menubar=yes location=yes status=yes')";
var dest_cube = "javascript:location=prev_url; window.open('http://www.cubefree.com/company/community.htm','cube_free','height=400,width=600,scrollbars=yes,resizable=yes,top=10,left=10 toolbar=yes menubar=yes location=yes status=yes')";
var footer = '' +
'<table class="footertext" width="647" border="0" bordercolor=green cellspacing="0" cellpadding="0" rows="3" cols="11">'+
'  <tr> '+
'    <td colspan="11"><img src="'+path+'images/spacer.gif" width="1" height="3"></td>'+
'  </tr>'+
'  <tr> '+
'    <td>&nbsp;</td>'+
'    <td class="footer"><a href="'+pnav_home+'" class="footer">Home</a></td>'+
'    <td class="footer">|</td>'+
'    <td class="footer"><a href="'+pnav_resources+'" class="footer">Resources</a></td>'+
'    <td class="footer">|</td>'+
'    <td class="footer"><a href="'+pnav_safety+'" class="footer">Safety</a></td>'+
'    <td class="footer">|</td>'+
'    <td class="footer"><a href="'+dest_wwu+'" class="footer">&nbsp;WWU&nbsp;Home</a></td>'+
'    <td>&nbsp;</td>'+
'  </tr>'+
'  <tr>'+
'    <td><img src="'+path+'images/spacer.gif" width="170" height="1" border="0"></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="45" height="1" border="0"></td>'+
'    <td></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="70" height="1" border="0"></td>'+
'    <td></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="45" height="1" border="0"></td>'+
'    <td></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="35" height="1" border="0"></td>'+
'    <td></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="70" height="1" border="0"></td>'+
'    <td><img src="'+path+'images/spacer.gif" width="185" height="1" border="0"></td>'+
'  </tr>'+
'</table>';