//----------------------------------------------------------------------------------------
// NAHFormatPage.js
//   Format the primary website pages
//   Copyright 2003-2010 Gabi and Cliff McLean
//----------------------------------------------------------------------------------------
//alert("NAHFormatPage.js");
var HomePage = "../index.html";
var BlogHomePage = "../../../../../index.html"; 
var TitleBarImage1 = "San_Gabriel_Mtns_0517w.jpg";
var TitleBarImage2 = "Dragonfly_4634w.jpg";
var GalleryPrev, GalleryNext;

// Format the TitleBar at the top of the screen.
// 1st parm is name of the gif that is the title.
// 2nd and 3rd parms are optional photos.
function NAHTitleBar(TitleBarFile,Image1,Image2)
 {         
  if (Image1) TitleBarImage1 = Image1;
  if (Image2) TitleBarImage2 = Image2;        
  document.write(
       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +   '<tr valign="middle" align="center">'
     +     '<td height="100" width="110" bgcolor="#41554B">'
     +       '<a href="' + HomePage + '">'  
     +         '<img src="../Main/Images/NAHLogo.gif" width="88px" height="79px"  border=0></td>'
     +       '</a>'
     +     '<td width="20" bgcolor="#41554B"><img src="../Main/Images/Spacer.gif" width="20px" height="1px"></td>'
  );  
  document.write(
           '<td height="100" width="100%">'
     +       '<table width="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +         '<tr valign="middle" align="center">'
     +           '<td height="100" bgcolor="#41554B"><img src="../Main/Images/' + TitleBarFile + '" ></td>'
     +           '<td bgcolor="#41554B" width="100%"></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage1 + '" height="90px" align="left" class="TitleBarPhoto" /></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage2 + '" height="90px"  align="left" class="TitleBarPhoto" /></td>'
     +         '</tr>'
     +       '</table>'
     +   '</tr>'
  );     
  document.write(
         '<tr valign="center">'
     +     '<td height="20" bgcolor="#6C8C7C"><center><a class="NavBarLink" id="Home"    href="' + HomePage +'" '
     +       'title="Go to the Nature at Hand home page"><b>HOME</b></a></center></td>'
     +     '<td bgcolor="#6C8C7C"></td>'
     +     '<td bgcolor="#6C8C7C" style="color:#fffbcc;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="WhoWeAre" href="../Main/NAHWhoWeAre.htm" '
     +       'title="Who is Nature at Hand">Who We Are</a>  '
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="ContactUs"      href="../Main/NAHContactUs.htm" '
     +       'title="See how to contact Gabi and Cliff">Contact Us</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Privacy"        href="../Main/NAHPrivacy.htm" '
     +       'title="Our privacy policy">Privacy Policy</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Support"        href="../Main/NAHSupport.htm" '
     +       'title="Get support">Get Support</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="SiteMap"        href="../Main/NAHSiteMap.htm" '
     +       'title="See contents of the entire website">Site Map</a>  </td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="10" colspan="5"></td>'
     +   '</tr>'
     +   '<tr>'
     +     '<td bgcolor="#41554B" height="6000"><img src="../Main/Images/Spacer.gif" width="110px" height="1px"></td>'
     +     '<td bgcolor="#6C8C7C"></td>'
     +     '<td valign="top">'
     +       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" >'
     +         '<tr valign="top">'
     +           '<td width="100%" height="100%" valign="top"><img src="../Main/Images/Spacer.gif" width="600px" height="800px"></td>'
     +         '</tr>'
     +       '</table>'
     +     '<td>'
     +   '</tr>'
     + '</table>'
  ); 
 }

// Format the TitleBar at the top of the screen for Plant of the Month pages.
// 1st parm is larger text for the title.
// 2nd parm is smaller text.
// 3rd and 4th parms are optional photos.
function BlogTitleBar(TitleBarText1,TitleBarText2,Image1,Image2)
 {         
  if (Image1) TitleBarImage1 = Image1;
  if (Image2) TitleBarImage2 = Image2;        
  document.write(
       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +   '<tr valign="middle" align="center">'
     +     '<td height="100" width="110" bgcolor="#41554B">'
     +       '<a href="' + BlogHomePage + '">'  
     +         '<img src="../../../../../Main/Images/NAHLogo.gif" width="88px" height="79px"  border=0></td>'
     +       '</a>'
     +     '<td width="20" bgcolor="#41554B"><img src="../../../../../Main/Images/Spacer.gif" width="20px" height="1px"></td>'
  );  
  document.write(
           '<td height="100" width="100%">'
     +       '<table width="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +         '<tr valign="middle">'
     +           '<td bgcolor="#41554B" width="10px"></td>'
     +           '<td height="100" bgcolor="#41554B" width="600px">'
     +             '<span style="font-family: Comic Sans MS, sans-serif;font-size: 32px;color:#fffbcc;" >'
     +               TitleBarText1
     +             '</span><br />'
     +             '<span style="font-family: Comic Sans MS, sans-serif;font-size: 18px;color:#fffbcc;" >'
     +               TitleBarText2
     +             '</span>'
     +           '</td>'
     +           '<td bgcolor="#41554B" width="10px"></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../../../../../Main/Photos/' + TitleBarImage1 + '" height="90px" align="left" class="TitleBarPhoto" /></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../../../../../Main/Photos/' + TitleBarImage2 + '" height="90px"  align="left" class="TitleBarPhoto" /></td>'
     +         '</tr>'
     +       '</table>'
     +   '</tr>'
  );     
  document.write(
         '<tr valign="center">'
     +     '<td height="20" bgcolor="#6a0d24" align="center"><a class="NavBarLink" id="Home"    href="' + BlogHomePage +'" '
     +       'title="Go to the Nature at Hand home page"><b>HOME</b></a></td>'
     +     '<td bgcolor="#6a0d24"></td>'
     +     '<td bgcolor="#6a0d24" style="color:#fffbcc;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="WhoWeAre" href="../../../../../Main/NAHWhoWeAre.htm" '
     +       'title="Who is Nature at Hand">Who We Are</a>  '
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="ContactUs"      href="../../../../../Main/NAHContactUs.htm" '
     +       'title="See how to contact Gabi and Cliff">Contact Us</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Privacy"        href="../../../../../Main/NAHPrivacy.htm" '
     +       'title="Our privacy policy">Privacy Policy</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Support"        href="../../../../../Main/NAHSupport.htm" '
     +       'title="Get support">Get Support</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="SiteMap"        href="../../../../../Main/NAHSiteMap.htm" '
     +       'title="See contents of the entire website">Site Map</a>  </td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="10" colspan="5"></td>'
     +   '</tr>'
     +   '<tr>'
     +     '<td bgcolor="#41554B" height="6000"><img src="../../../../../Main/Images/Spacer.gif" width="110px" height="1px"></td>'
     +     '<td bgcolor="#6a0d24"></td>'
     +     '<td valign="top">'
     +       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" >'
     +         '<tr valign="top">'
     +           '<td width="100%" height="100%" valign="top"><img src="../../../../../Main/Images/Spacer.gif" width="600px" height="800px"></td>'
     +         '</tr>'
     +       '</table>'
     +     '<td>'
     +   '</tr>'
     + '</table>'
  ); 
 } // end POTMTitleBar


// Format the TitleBar at the top of the screen for SGF pages.
// 1st parm is larger text for the title.
// 2nd parm is smaller text.
// 3rd and 4th parms are optional photos.
function SGFTitleBar(TitleBarText1,TitleBarText2,Image1,Image2)
 {         
  if (Image1) TitleBarImage1 = Image1;
  if (Image2) TitleBarImage2 = Image2;        
  document.write(
       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +   '<tr valign="middle" align="center">'
     +     '<td height="100" width="110" bgcolor="#41554B">'
     +       '<a href="' + HomePage + '">'  
     +         '<img src="../Main/Images/NAHLogo.gif" width="88px" height="79px"  border=0></td>'
     +       '</a>'
     +     '<td width="20" bgcolor="#41554B"><img src="Images/Spacer.gif" width="20px" height="1px"></td>'
  );  
  document.write(
           '<td height="100" width="100%">'
     +       '<table width="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +         '<tr valign="middle" align="center">'
     +           '<td height="100" bgcolor="#41554B" width="600px">'
     +             '<span style="font-family: Impact, sans-serif;font-size: 32px;color:#fffbcc;" >'
     +               TitleBarText1
     +             '</span><br />'
     +             '<span style="font-family: Impact, sans-serif;font-size: 24px;color:#fffbcc;" >'
     +               TitleBarText2
     +             '</span>'
     +           '</td>'
     +           '<td bgcolor="#41554B" width="10px"></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage1 + '" height="90px" align="left" class="TitleBarPhoto" /></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage2 + '" height="90px"  align="left" class="TitleBarPhoto" /></td>'
     +         '</tr>'
     +       '</table>'
     +   '</tr>'
  );     
  document.write(
         '<tr valign="center">'
     +     '<td height="20" bgcolor="#6a0d24"><center><a class="NavBarLink" id="Home"    href="' + HomePage +'" '
     +       'title="Go to the Nature at Hand home page"><b>HOME</b></a></center></td>'
     +     '<td bgcolor="#6a0d24"></td>'
     +     '<td bgcolor="#6a0d24" style="color:#fffbcc;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="WhoWeAre" href="../Main/NAHWhoWeAre.htm" '
     +       'title="Who is Nature at Hand">Who We Are</a>  '
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="ContactUs"      href="../Main/NAHContactUs.htm" '
     +       'title="See how to contact Gabi and Cliff">Contact Us</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Privacy"        href="../Main/NAHPrivacy.htm" '
     +       'title="Our privacy policy">Privacy Policy</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Support"        href="../Main/NAHSupport.htm" '
     +       'title="Get support">Get Support</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="SiteMap"        href="../Main/NAHSiteMap.htm" '
     +       'title="See contents of the entire website">Site Map</a>  </td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="10" colspan="5"></td>'
     +   '</tr>'
     +   '<tr>'
     +     '<td bgcolor="#41554B" height="6000"><img src="Images/Spacer.gif" width="110px" height="1px"></td>'
     +     '<td bgcolor="#6a0d24"></td>'
     +     '<td valign="top">'
     +       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" >'
     +         '<tr valign="top">'
     +           '<td width="100%" height="100%" valign="top"><img src="Images/Spacer.gif" width="600px" height="800px"></td>'
     +         '</tr>'
     +       '</table>'
     +     '<td>'
     +   '</tr>'
     + '</table>'
  ); 
 }

// Format the TitleBar at the top of the screen for EC pages.
// 1st parm is larger text for the title.
// 2nd parm is smaller text.
// 3rd and 4th parms are optional photos.
function ECTitleBar(TitleBarText1,TitleBarText2,Image1,Image2)
 {         
  if (Image1) TitleBarImage1 = Image1;
  if (Image2) TitleBarImage2 = Image2;        
  document.write(
       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +   '<tr valign="middle" align="center">'
     +     '<td height="100" width="110" bgcolor="#41554B">'
     +       '<a href="' + HomePage + '">'  
     +         '<img src="../Main/Images/NAHLogo.gif" width="88px" height="79px"  border=0></td>'
     +       '</a>'
     +     '<td width="20" bgcolor="#41554B"><img src="Images/Spacer.gif" width="20px" height="1px"></td>'
  );  
  document.write(
           '<td height="100" width="100%">'
     +       '<table width="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'
     +         '<tr valign="middle" align="center">'
     +           '<td height="100" bgcolor="#41554B" width="600px">'
     +             '<span style="font-family: Comic Sans MS, sans-serif;font-size: 32px;color:#fffbcc;" >'
     +               TitleBarText1
     +             '</span><br />'
     +             '<span style="font-family: Comic Sans MS, sans-serif;font-size: 24px;color:#fffbcc;" >'
     +               TitleBarText2
     +             '</span>'
     +           '</td>'
     +           '<td bgcolor="#41554B" width="10px"></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage1 + '" height="90px" align="left" class="TitleBarPhoto" /></td>'
     +           '<td bgcolor="#41554B">'
     +             '<img src="../Main/Photos/' + TitleBarImage2 + '" height="90px"  align="left" class="TitleBarPhoto" /></td>'
     +         '</tr>'
     +       '</table>'
     +   '</tr>'
  );     
  document.write(
         '<tr valign="center">'
     +     '<td height="20" bgcolor="#262e5f"><center><a class="NavBarLink" id="Home"    href="' + HomePage +'" '
     +       'title="Go to the Nature at Hand home page"><b>HOME</b></a></center></td>'
     +     '<td bgcolor="#262e5f"></td>'
     +     '<td bgcolor="#262e5f" style="color:#fffbcc;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="WhoWeAre" href="../Main/NAHWhoWeAre.htm" '
     +       'title="Who is Nature at Hand">Who We Are</a>  '
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="ContactUs"      href="../Main/NAHContactUs.htm" '
     +       'title="See how to contact Gabi and Cliff">Contact Us</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Privacy"        href="../Main/NAHPrivacy.htm" '
     +       'title="Our privacy policy">Privacy Policy</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="Support"        href="../Main/NAHSupport.htm" '
     +       'title="Get support">Get Support</a>'
     +       '&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a class="NavBarLink" id="SiteMap"        href="../Main/NAHSiteMap.htm" '
     +       'title="See contents of the entire website">Site Map</a>  </td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="10" colspan="5"></td>'
     +   '</tr>'
     +   '<tr>'
     +     '<td bgcolor="#41554B" height="6000"><img src="Images/Spacer.gif" width="110px" height="1px"></td>'
     +     '<td bgcolor="#262e5f"></td>'
     +     '<td valign="top">'
     +       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" >'
     +         '<tr valign="top">'
     +           '<td width="100%" height="100%" valign="top"><img src="Images/Spacer.gif" width="600px" height="800px"></td>'
     +         '</tr>'
     +       '</table>'
     +     '<td>'
     +   '</tr>'
     + '</table>'
  ); 
 }

// format IndexBar at left side of the screen
function NAHIndexBar(ActivePage,LinkFolder)
 {
  if (!LinkFolder) LinkFolder =  '../';
  document.write('<div class="IndexBarDiv"><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="SGMPlants"    href="' +LinkFolder +'SGMPlants/SGMPlants.htm" '
	+ 'title="Plants of the San Gabriel Mountains for iPhone and iPod Touch">SGMPlants for iPhone and iPod Touch</a></p><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Features"    href="' +LinkFolder +'SGF_Plants/SGFIntro.htm" '
	+ 'title="Plants of the San Gabriel Mountains: Foothills and Canyons">Plants of the San Gabriel Mountains CD</a></p><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="ECFieldGuide"    href="' +LinkFolder +'EC_Plants/ECFieldGuide.htm" '
	+ 'title="Common Plants of Eaton Canyon and the San Gabriel Foothills">Common Plants of Eaton Canyon CD</a></p><br />');
  document.write('<hr class="IndexBarRule"><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="POTM"          href="' +LinkFolder +'POTM/POTMArchive.htm" '
	+ 'title="See the Plan of the Month">Plant of the Month</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Activities"     href="' +LinkFolder +'Main/NAHActivities.htm" '
	+ 'title="See some of Gabi and Cliff\'s upcoming activities">Activities</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Press"         href="' +LinkFolder +'Main/NAHPress.htm" '
	+ 'title="See what the press has said">In the Press</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="PhotoGallery"  href="' +LinkFolder +'Main/NAHPhotoGalleryHome.htm" '
	+ 'title="See Southern California nature photos">Photo Galleries</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="GardenGallery" href="' +LinkFolder +'Main/NAHGardenGallery.htm" '
	+ 'title="See photos of our yard full of native plants">Native Garden</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Essays"        href="' +LinkFolder +'Main/NAHEssays.htm" '
	+ 'title="Read some published essays on nature and native plant gardening">Nature Essays</a></p>');

  document.write('<p class="IndexBarText"><a class="IndexLink" id="NAHBlog"        href="' +'http://natureathand.com/blog/" '
	+ 'title="Read the Nature at Hand Blog">Nature at Hand Blog</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="GabiBlog"        href="' +'http://natureathand.com/gabiblog/" '
	+ 'title="Read Gabi&rsquo;s Blog">Gabi&rsquo;s Garden Blog</a></p>');

  document.write('<p class="IndexBarText"><a class="IndexLink" id="NatureLinks"   href="' +LinkFolder +'Main/NAHNatureLinks.htm" '
	+ 'title="See other related web sites">Nature Links</a><br /><br /></p>');
  document.write('</div>');

  if (ActivePage) 
   {     
    if (document.getElementById)
      document.getElementById(ActivePage).className = "IndexLinkActive"; 
    else
      {
       if (document.all)
         document.all[ActivePage].className = "IndexLinkActive"; 
       else
        {
         if (document.layers)
           document.layers[ActivePage].className = "IndexLinkActive"; 
        }
      }
   }
 }

function BlogIndexBar(ActivePage,LinkFolder)
 {
  if (!LinkFolder) LinkFolder =  '../../../../../';
  document.write('<div class="IndexBarDiv"><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="SGMPlants"    href="' +LinkFolder +'SGMPlants/SGMPlants.htm" '
	+ 'title="Plants of the San Gabriel Mountains for iPhone and iPod Touch">SGMPlants for iPhone and iPod Touch</a></p><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Features"    href="' +LinkFolder +'SGF_Plants/SGFIntro.htm" '
	+ 'title="Plants of the San Gabriel Mountains: Foothills and Canyons">Plants of the San Gabriel Mountains CD</a></p><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="ECFieldGuide"    href="' +LinkFolder +'EC_Plants/ECFieldGuide.htm" '
	+ 'title="Common Plants of Eaton Canyon and the San Gabriel Foothills">Common Plants of Eaton Canyon CD</a></p><br />');

  document.write('<hr class="IndexBarRule"><br />');

  document.write('<p class="IndexBarText"><a class="IndexLink" id="POTM"          href="' +LinkFolder +'POTM/POTMArchive.htm" '
	+ 'title="See the Plan of the Month">Plant of the Month</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Activities"     href="' +LinkFolder +'Main/NAHActivities.htm" '
	+ 'title="See some of Gabi and Cliff\'s upcoming activities">Activities</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Press"         href="' +LinkFolder +'Main/NAHPress.htm" '
	+ 'title="See what the press has said">In the Press</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="PhotoGallery"  href="' +LinkFolder +'Main/NAHPhotoGalleryHome.htm" '
	+ 'title="See Southern California nature photos">Photo Galleries</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="GardenGallery" href="' +LinkFolder +'Main/NAHGardenGallery.htm" '
	+ 'title="See photos of our yard full of native plants">Native Garden</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Essays"        href="' +LinkFolder +'Main/NAHEssays.htm" '
	+ 'title="Read some published essays on nature and native plant gardening">Nature Essays</a></p>');

  document.write('<p class="IndexBarText"><a class="IndexLinkActive" id="NAHBlog"        href="' +'http://natureathand.com/blog/" '
	+ 'title="Read the Nature at Hand Blog">Nature at Hand Blog</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="GabiBlog"        href="' +'http://natureathand.com/gabiblog/" '
	+ 'title="Read Gabi&rsquo;s Blog">Gabi&rsquo;s Garden Blog</a></p>');

  document.write('<p class="IndexBarText"><a class="IndexLink" id="NatureLinks"   href="' +LinkFolder +'Main/NAHNatureLinks.htm" '
	+ 'title="See other related web sites">Nature Links</a><br /><br /></p>');
  document.write('</div>');

 }

// Format the InfoBar at the right side of the screen.
function NAHInfoBar()
 {
  document.write('<div class="InfoBarDiv"><br />');

  // blog section 
  document.write('<span class="Centered">');
  document.write('<a class="h1" href="http://natureathand.com/blog" title="Click for the Nature at Hand blog"><img src="../Main/Images/NatureathandBlog.jpg"></a><br/><br/>');
  document.write('<a class="h1" href="http://natureathand.com/gabiblog" title="Click for Gabi&rsquo;s Garden Blog"><img src="../Main/Images/GabisGardenBlog.jpg"></a>');
  document.write('</span>');
  // end blog section 

  // weed guide section 
  document.write('<a class="h1" href="../Main/NAHWeedGuide.htm" title="Click for the free San Gabriel Mountain Weed Guide"><h1 style="color:brown;"><center>FREE!<br/><span style="color:navy;">Weed Identification</span></center></h1></a>');
  document.write(
                 '<a class="h1" href="../Main/NAHWeedGuide.htm" title="Click for the free San Gabriel Mountain Weed Guide">'
               + '<span class="Centered">'
               + '<img src="../Main/Images/NAHWeedGuide.jpg" width="180" height="135" class="InfobarPhoto" '
               + 'alt="Title page from the Weed Guide" title="Click for the free San Gabriel Mountain Weed Guide" border=1 vspace=0 hspace=0>'
               + '</span>'
               + '</a>'
                );
  // end weed guide section 

  document.write(
                 '<br clear="all"><hr color="#41554B">'
                );

  // gallery section 
  document.write('<a class="h1" href="../Main/NAHPhotoGalleryHome.htm" title="Click for the Photo Galleries"><h1><center>Photo Galleries</center></h1></a>');
  document.write(
                 '<span class="Centered"><a class="h1" href="../Main/NAHGardenGallery.htm" title="Click for the Garden Gallery">'
               + 'Our native plant garden'
               + '</a><br clear="all"><br />'
               + '<a href="../Main/NAHGardenGallery.htm">'
               + '<img src="../Main/Photos/Front_yard_59138t.jpg" width="180" height="120" class="InfobarPhoto" '
               + 'alt="Front yard in Covina, California" title="Click for the Garden Gallery" border=0 vspace=0 hspace=0>'
               + '</a>'
               + '</span>'
                );
  document.write(
                 '<br clear="all"><br /><hr color="#41554B"><br />'
                );
  document.write(
                 '<span class="Centered"><a class="h1" href="../Main/NAHPhotoGallery.htm" title="Click for San Gabriel Mountains photos">'
               + 'The San Gabriel Mountains'
               + '</a><br clear="all"><br />'
               + '<a href="../Main/NAHPhotoGallery.htm">'
               + '<img src="../Main/Gallery/Mt_Baldy_30276w.jpg" width="180" height="120" class="InfobarPhoto" alt="Mount Baldy from the South ridge)" '
               + 'title="Click for San Gabriel Mountains photos" border=0 vspace=0 hspace=0 align=center>'
               + '</a>'
               + '</span>'
                );
  document.write(
                 '<br clear="all"><br /><hr color="#41554B"><br />'
                );
  document.write(
                 '<span class="Centered"><a class="h1" href="../Main/NAHSantaRosaGallery.htm" title="Click for Santa Rosa Plateau photos">'
               + 'The Santa Rosa Plateau'
               + '</a><br clear="all"><br />'
               + '<a href="../Main/NAHSantaRosaGallery.htm">'
               + '<img src="../Main/Gallery/Quercus_engelmannii_61766t.jpg" width="180" height="120" class="InfobarPhoto" alt="Engelmann Oak and grassland (Quercus engelmannii)" '
               + 'title="Click for Santa Rosa Plateau photos" border=0 vspace=0 hspace=0 align=center>'
               + '</a>'
               + '</span>'
                );
  document.write(
                 '<br clear="all"><br /><hr color="#41554B"><br />'
                );
  document.write(
                 '<span class="Centered"><a class="h1" href="../Main/NAHAnzaBorregoGallery.htm" title="Click for Anza Borrego photos">'
               + 'The Anza Borrego Desert'
               + '</a><br clear="all"><br />'
               + '<a href="../Main/NAHAnzaBorregoGallery.htm">'
               + '<img src="../Main/Gallery/Ferocactus_cylindra-_57887t.jpg" width="120" height="180" class="InfobarPhoto" alt="Barrel Cactus (Ferocactus cylindraceus)" '
               + 'title="Click for Anza Borrego Desert photos" border=0 vspace=0 hspace=0 align=center>'
               + '</a>'
               + '</span>'
                );
  // end gallery section 

  document.write('</div>');
 }

function SGFInfoBar()
 {
  document.write('<div class="InfoBarDiv">');
  document.write('<br /><br />');


  // blog section 
  document.write('<span class="Centered">');
  document.write('<a class="h1" href="http://natureathand.com/blog" title="Click for the Nature at Hand blog"><img src="../Main/Images/NatureathandBlog.jpg"></a><br/><br/>');
  document.write('<a class="h1" href="http://natureathand.com/gabiblog" title="Click for Gabi&rsquo;s Garden Blog"><img src="../Main/Images/GabisGardenBlog.jpg"></a>');
  document.write('</span>');
  // end blog section 

  document.write(
                 '<br clear="all"><br /><hr color="#41554B"><br />'
                );
  document.write(
                 '<a href="../SGF_Plants/SGFIntro.htm" class="h2" >'
               + 'Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD'
               + '</a><br /><br />'
               + '<a href="../SGF_Plants/SGFIntro.htm" >'
               + '<img src="../SGF_Plants/Images/SGFCover.jpg" width="220" height="220" align="left" '
               +  'alt="Cover of Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD" border="0">'
               + '</a>'
               + '<br clear="all" /><br />'
               + '<a href="../SGF_Plants/SGFIntro.htm" >'
               + '<img src="../SGF_Plants/Images/SGFBackCover.jpg" width="220" height="194" align="left" '
               +  'alt="Back cover of Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD" border="1">'
               + '</a>'
               + '<br clear="all" /><br />'
               + '<script lanquage="javascript">SGFHowToBuyButton();</script><br />'
                );
  document.write('</div>');
 }

// Format the InfoBar at the right side of the screen.
function POTMInfoBar()
 {
  document.write('<div class="POTMInfoBarDiv"><br />');

  // blog section 
  document.write('<span class="Centered">');
  document.write('<a class="h1" href="http://natureathand.com/blog" title="Click for the Nature at Hand blog"><img src="../Main/Images/NatureathandBlog.jpg"></a><br/><br/>');
  document.write('<a class="h1" href="http://natureathand.com/gabiblog" title="Click for Gabi&rsquo;s Garden Blog"><img src="../Main/Images/GabisGardenBlog.jpg"></a>');
  document.write('</span>');
  // end blog section 

  document.write('</div>');
 }

function ECInfoBar()
 {
  document.write('<div class="InfoBarDiv">');
  document.write('<br /><br />');
  document.write(
                 '<a href="ECFieldGuide.htm" class="h2" >'
               + 'Common Plants of Eaton Canyon and the San Gabriel Foothills - Field Guide on CD'
               + '</a><br /><br />'
               + '<a href="ECFieldGuide.htm" >'
               + '<img src="Images/ECCover.jpg" width="220" height="220" align="left" '
               +  'alt="Cover of Common Plants of Eaton Canyon and the San Gabriel Foothills - Field Guide on CD" border="0">'
               + '</a>'
               + '<br clear="all" /><br />'
               + '</a><script lanquage="javascript">ECHowToBuyButton();</script><br />'
                );
  document.write('</div>');
 }

function GalleryInfoBar(FolderPrefix)
 {
  if (!FolderPrefix) var FolderPrefix = "../";
  document.write('<div class="InfoBarDiv">');

  // blog section 
  document.write('<span class="Centered">');
  document.write('<a class="h1" href="http://natureathand.com/blog" title="Click for the Nature at Hand blog"><img src="'+FolderPrefix+'Main/Images/NatureathandBlog.jpg"></a><br/><br/>');
  document.write('<a class="h1" href="http://natureathand.com/gabiblog" title="Click for Gabi&rsquo;s Garden Blog"><img src="'+FolderPrefix+'Main/Images/GabisGardenBlog.jpg"></a>');
  document.write('</span>');
  // end blog section 

  document.write(
                 '<br clear="all"><br /><hr color="#41554B"><br />'
                );

  document.write(
                 '<a href="' +FolderPrefix +'SGF_Plants/SGFIntro.htm" class="h2" >'
               + 'Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD'
               + '</a><br /><br />'
               + '<a href="' +FolderPrefix +'SGF_Plants/SGFIntro.htm" >'
               + '<img src="' +FolderPrefix +'SGF_Plants/Images/SGFCover.jpg" width="220" height="220" align="left" '
               + 'alt="Cover of Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD" border="0">'
               + '</a>'
               + '<br clear="all" /><br />'
               + '<a href="' +FolderPrefix +'SGF_Plants/SGFIntro.htm" >'
               + '<img src="' +FolderPrefix +'SGF_Plants/Images/SGFBackCover.jpg" width="220" height="194" '
               +  'align="left" alt="Back cover of Plants of the San Gabriel Mountains: Foothills and Canyons - Interpretive Guide on CD" border="1">'
               + '</a>'
               + '<br clear="all" /><br />'
                );
  document.write('<a class="ButtonLink" href="' +FolderPrefix +'SGF_Plants/SGFIntro.htm">Find out more about it</a>');
  document.write('</div>');
 }

function GalleryIndexBar(ActivePage)
 {
  document.write('<div class="IndexBarDiv">');

  document.write('<p class="IndexBarText">Find out about our...</p><br />');
  document.write('<a href="../../EC_Plants/ECFieldGuide.htm" '
	+ 'title="Learn about our plant CD"><img class="IndexBarPhoto" src="../../Main/Photos/Mimulus_guttatus_2369w.jpg" '
        + 'width="100px" height="93px" border="0"></a>');
  document.write('<br clear="all" />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="FieldGuide"    href="../../EC_Plants/ECFieldGuide.htm" '
	+ 'title="Learn about our plant CD">Field Guide on CD</a></p><br />');
  document.write('<hr class="IndexBarRule"><br />');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Press"         href="../../Main/NAHPress.htm" '
	+ 'title="See what the press has said">In the Press</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="PhotoGallery"  href="../../Main/NAHPhotoGalleryHome.htm" '
	+ 'title="See Southern California nature photos">Photo Gallery</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="GardenGallery" href="../../Main/NAHGardenGallery.htm" '
	+ 'title="See photos of our yard full of native plants">Native Garden</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Essays"        href="../../Main/NAHEssays.htm" '
	+ 'title="Read some published essays on nature and native plant gardening">Nature Essays</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="Activities"    href="../../Main/NAHActivities.htm" '
	+ 'title="See some of Gabi and Cliff\'s upcoming activities">Activities</a></p>');
  document.write('<p class="IndexBarText"><a class="IndexLink" id="NatureLinks"   href="../../Main/NAHNatureLinks.htm" '
	+ 'title="See other related web sites">Nature Links</a><br /><br /></p>');
  document.write('</div>');
  if (ActivePage) 
   {     
    if (document.getElementById)
      document.getElementById(ActivePage).className = "IndexLinkActive"; 
    else
      {
       if (document.all)
         document.all[ActivePage].className = "IndexLinkActive"; 
       else
        {
         if (document.layers)
           document.layers[ActivePage].className = "IndexLinkActive"; 
        }
      }
   }
 }

function SGFIndexBar(ActivePage)
 {
  document.write('<div class="IndexBarDiv"><br />');
  document.write('<p class="IndexBarTight"><a class="IndexLink" id="Features"              href="SGFFeatures.htm" '
	+ 'title="Features of this Interpretive Guide">Major Features</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Choices"             href="SGFChoices.htm" '
	+ 'title="Multiple ways to see the plant list">Choices</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Photographs"         href="SGFPhotographs.htm" '
	+ 'title="Over 1800 photographs">1800 Photos</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantPage"           href="SGFPlantPage.htm" '
	+ 'title="The page with multiple photos of a plant">Plant Page</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PhotoPage"           href="SGFPhotoPage.htm" '
	+ 'title="The page with an enlarged photo of a plant">Photo Page</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="FamilyPage"          href="SGFFamilyPage.htm" '
	+ 'title="The page with information on a plant family">Family Page</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Search"              href="SGFSearch.htm" '
	+ 'title="Find a plant by its characteristics">Search</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Glossary"            href="SGFGlossary.htm" '
	+ 'title="Single-click access to botanical word definitions">Glossary</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Pronunciation"       href="SGFPronunciation.htm" '
	+ 'title="A click to listen to the botanical names">Pronunciation</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Descriptions"        href="SGFDescriptions.htm" '
	+ 'title="Detailed text information about each plant">Descriptions</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Maps"                href="SGFMaps.htm" '
	+ 'title="A map for every plant">Range Maps</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="GardenInfo"          href="SGFGardenInfo.htm" '
	+ 'title="Information on gardening with native plants">Gardening</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="BirdsAndButterflies" href="SGFBirdsAndButterflies.htm" '
	+ 'title="Information on birds and butterflies with plants">Birds and Butterflies</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="FireInfo"            href="SGFFireInfo.htm" '
	+ 'title="Information on the effects of fire on the plants">Fire Effects</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Quiz"                href="SGFQuiz.htm" '
	+ 'title="Test yourself on the plants">Self Quiz</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Help"                href="SGFHelp.htm" '
	+ 'title="Two levels of help">Help</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="SlideShow"           href="SGFSlideShow.htm" '
	+ 'title="Automatic slide show">Slide Show</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Requirements"        href="SGFRequirements.htm" '
	+ 'title="Computer hardware and software required">Requirements</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantListCommon"     href="SGFPlantListCommon.htm" '
	+ 'title="List of all plants on the CD - in common name order">Plants By Common Name</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantListBotanical"  href="SGFPlantListBotanical.htm" '
		+ 'title="List of all plants on the CD - in botanical name order">Plants By Botanical Name </a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Comparison"          href="SGFComparison.htm" '
		+ 'title="Compare features of the two CDs">Compare Features</a></p>');
  document.write('<p class="IndexBarTight"><a class="IndexLink" id="HowToBuy"              href="SGFHowToBuy.htm" '
		+ 'title="How to buy a copy of the CD">How to buy it</a></p>');
  document.write('<p class="IndexBarTight"><a class="IndexLink" id="SGFSupport"            href="SGFSupport.htm" '
		+ 'title="Support for this CD">Support</a></p>');
  document.write('</div>');
  if (ActivePage) 
   {     
    if (document.getElementById)
      document.getElementById(ActivePage).className = "IndexLinkActive"; 
    else
      {
       if (document.all)
         document.all[ActivePage].className = "IndexLinkActive"; 
       else
        {
         if (document.layers)
           document.layers[ActivePage].className = "IndexLinkActive"; 
        }
      }
   }
 }

function ECIndexBar(ActivePage)
 {
  document.write('<div class="IndexBarDiv"><br />');

  document.write('<p class="IndexBarTight"><a class="IndexLink" id="ECFieldGuide"   href="ECFieldGuide.htm" '
	+ 'title="Overview of the Field Guide on CD">Field Guide Overview</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantPage"    href="ECPlantPage.htm" '
	+ 'title="The page with multiple photos of a plant">Plant Page</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PhotoPage"    href="ECPhotoPage.htm" '
	+ 'title="The page with an enlarged photo of a plant">Photo Page</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="ListOptions"  href="ECListOptions.htm" '
	+ 'title="Multiple ways to see the plant list">Choices</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="MoreInfo"     href="ECMoreInfo.htm" '
	+ 'title="Detailed text information about each plant">Plant Descriptions</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="CustomSearch" href="ECCustomSearch.htm" '
	+ 'title="Find a plant by its characteristics">Custom Search</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="QuizMode"     href="ECQuizMode.htm" '
	+ 'title="Test yourself on the plants">Quiz Mode</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Glossary"     href="ECGlossary.htm" '
	+ 'title="Single-click access to botanical word definitions">Glossary</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Requirements" href="ECRequirements.htm" '
	+ 'title="Computer hardware and software required">System Requirements</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantList"    href="ECPlantList.htm" '
	+ 'title="List of all plants on the CD - in common name order">Plants Included By Common Name</a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="PlantListBot" href="ECPlantListBotanical.htm" '
        + 'title="List of all plants on the CD - in botanical name order">Plants Included By Botanical Name </a></p>');
  document.write('<p class="IndexBarTightIn"><a class="IndexLink" id="Comparison"   href="ECComparison.htm" '
		+ 'title="Compare features of the two CDs">Compare Features</a></p>');
  document.write('<p class="IndexBarTight"><a class="IndexLink" id="HowToBuy"     href="ECHowToBuy.htm" '
        + 'title="How you can buy this field guide on CD">How to Buy the CD</a></p>');
  document.write('<p class="IndexBarTight"><a class="IndexLink" id="ECSupport"      href="ECSupport.htm" '
	+ 'title="Get support for this CD">Support</a></p>');
  document.write('</div>');
  if (ActivePage) 
   {     
    if (document.getElementById)
      document.getElementById(ActivePage).className = "IndexLinkActive"; 
    else
      {
       if (document.all)
         document.all[ActivePage].className = "IndexLinkActive"; 
       else
        {
         if (document.layers)
           document.layers[ActivePage].className = "IndexLinkActive"; 
        }
      }
   }
 }

function ECHowToBuyButton()
  {
   document.write('<a class="ButtonLink" href="ECHowToBuy.htm">How to Buy the CD</a>');
  }

function SGFHowToBuyButton()
  {
   document.write('<a class="ButtonLink" href="SGFHowToBuy.htm">How to Buy the CD</a>');
  }

function POTMHowToBuyButton()
  {
   document.write('<a class="ButtonLink" href="../SGF_Plants/SGFHowToBuy.htm">How to Buy the CD</a>');
  }

function NAHGalleryFormat()
 {
  document.write(
       '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" frame="void">'

     +   '<tr valign="middle" align="center">'
     +     '<td height="100" width="110" bgcolor="#41554B">'
     +       '<a href="../' + HomePage + '">'  
     +         '<img src="../Images/NAHLogo.gif" width="88px" height="79px" border=0>'
     +       '</a>'
     +     '</td>'
     +     '<td width="20" bgcolor="#41554B"><img src="Images/Spacer.gif" width="20px" height="1px"></td>'
     +     '<td height="100" width="100%"></td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="20" bgcolor="#6C8C7C"><center><a class="NavBarLink" id="Home"    href="../../' + HomePage +'" '
     +       'title="Go to the Nature at Hand home page"><b>HOME</b></a></center></td>'
     +     '<td bgcolor="#6C8C7C"></td>'
     +     '<td> </td>'
     +   '</tr>'
     +   '<tr valign="top">'
     +     '<td height="10" colspan="3"></td>'
     +   '</tr>'
     +   '<tr>'
     +     '<td bgcolor="#41554B" height="1000"><img src="Images/Spacer.gif" width="110px" height="1px"></td>'
     +     '<td width="20" bgcolor="#6C8C7C"><img src="Images/Spacer.gif" width="20px" height="1px"></td>'
     +     '<td></td>'
     +   '</tr>'
     + '</table>'
  );
 }

function StartGalleryPage()
 {
  NAHGalleryFormat();  
  NAHIndexBar("PhotoGallery", "../../");
  GalleryInfoBar("../../");
 }


//function StartGardenPage()
// {
//  NAHGalleryFormat();
//  GalleryIndexBar("GardenGallery", "../../");
//  GalleryInfoBar("../../");
// }
function StartGardenPage()
 {
  NAHGalleryFormat();
  NAHIndexBar("GardenGallery", "../../");
  GalleryInfoBar("../../");
 }

function SGFPlantsRef()
 {
  document.write('<br /><br />');
  document.write('<a class="ECPlantsLink" href="../../index.html#SGMPlants">')
//  document.write('<a class="ECPlantsLink" href="../../SGF_Plants/SGFFeatures.htm">')
  document.write('This plant is featured in <b>"Plants of the San Gabriel Mountains: Foothills and Canyons</b>,<br />an interpretive guide on CD<br />and <b>Plants of the San Gabriel Mountains for iPhone and iPod Touch</b>".')
  document.write('<br />Click here for more information.</a>');
 }

function ECPlantsRef()
 {
  document.write('<br /><br />');
  document.write('<a class="ECPlantsLink" href="../../EC_Plants/ECFieldGuide.htm">')
  document.write('This plant is featured in <b>"Common Plants of Eaton Canyon<br />and the San Gabriel Foothills: Field Guide on CD".</b>')
  document.write('<br />Click here for more information.</a>');
 }

function FinishDisplay()
 {         
  document.write('<br clear="all"/><br /><center>'
  + '<a class="BottomLink" href="../index.html">Home</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHWhoWeAre.htm">Who We Are</a> &bull; '
  + '<a class="BottomLink" href="../SGF_Plants/SGFIntro.htm">Plants of the San Gabriel Mountains</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHPhotoGalleryHome.htm">Photo Gallery</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHGardenGallery.htm">Our Native Garden</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHEssays.htm">Essays</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHContactUs.htm">Contact Us</a> &bull; '
  + '<a class="BottomLink" href="../Main/NAHSupport.htm">Support</a>'
  + '<br /><a class="BottomLink">&copy; 2003-2009, Gabi and Cliff McLean</a>'
  + '</center>'); 
 }

function FinishGalleryPage()
 {    
  document.write('<br clear="all" /><br />'
  + '<p>Images on this website are copyrighted. '
  + 'They may be used for personal and educational purposes. When printed, they must be accompanied by a copyright notice with the photographer\'s name. '
  + 'They may not be used for commercial purposes or published in print or on other websites without permission.</p>');       
  document.write('<br clear="all" /><center>'
  + '<a class="BottomLink" href="../' + HomePage + '">Home</a> &bull; '
  + '<a class="BottomLink" href="../NAHWhoWeAre.htm">Who We Are</a> &bull; '
  + '<a class="BottomLink" href="../../SGF_Plants/SGFIntro.htm">Plants of the San Gabriel Mountains</a> &bull; '
  + '<a class="BottomLink" href="../NAHPhotoGalleryHome.htm">Photo Gallery</a> &bull; '
  + '<a class="BottomLink" href="../NAHGardenGallery.htm">Our Native Garden</a><br />'
  + '<a class="BottomLink" href="../NAHPress.htm">Press</a> &bull; '
  + '<a class="BottomLink" href="../NAHEssays.htm">Essays</a> &bull; '
  + '<a class="BottomLink" href="../NAHContactUs.htm">Contact Us</a> &bull; '
  + '<a class="BottomLink" href="../NAHSupport.htm">Support</a>'
  + '<br /><a class="BottomLink">&copy; 2003-2008, Gabi and Cliff McLean</a>'
  + '</center>'); 
 }

// Function to place Prev/Next buttons on photo pages
function GalleryPrevNext()
  {
   if ((GalleryPrev != null) && (GalleryNext != null))
     {
      document.write('<div class="GalleryPrevNextDiv"> '
      +  '<br /> '
      +  '<a href="' + GalleryPrev + '" class="NextLink">'
      +    '<img src="arrowlbksm.gif" border="0">'
      +    '&nbsp;Prev'
      +  '</a>'
      +  '&nbsp;'
      +  '<a href="' + GalleryNext + '" class="NextLink">'
      +    'Next&nbsp;'
      +    '<img src="arrowrbksm.gif" border="0">'
      +  '</a>'
      + '</div>');
     }
  }

