var Navbar = new Array();
Navbar[0] = new Array('Performance',
                         'about the show','/Salmonpeople/Performance/about.html',
                         'full stage production','/Salmonpeople/Performance/stage.html',
                         'booking','/Salmonpeople/Performance/booking.html',
                         'audience comments','/Salmonpeople/Performance/comments.html',
                         'photos','/Salmonpeople/Performance/press.html'
                     );
Navbar[1] = new Array('Campaign'   ,
                         'campaign overview','/Salmonpeople/Campaign/overview.html',
                         'stewardship defined','/Salmonpeople/Campaign/stewardship.html',
                         'sustainability defined','/Salmonpeople/Campaign/sustainability.html',
                         'community readiness criteria','/Salmonpeople/Campaign/readiness.html',
                         'coalition building','/Salmonpeople/Campaign/coalition.html',
                         'community asset mapping','/Salmonpeople/Campaign/assetmapping.html',
                         'confluence','/Salmonpeople/Campaign/confluence.html',
                         'report card design','/Salmonpeople/Campaign/reportcard.html',
                         'report card backbone','/Salmonpeople/Campaign/backbone.html',
                         'indicators','/Salmonpeople/Campaign/indicatorschar.html',
                         'sister watershed learning exchange','/Salmonpeople/Campaign/sisterwatershed.html'
                     );
Navbar[2] = new Array('Schools',
                         'school programs','/Salmonpeople/Performance/assemblies.html',
                         'teacher workshops','/Salmonpeople/Schools/teacher.html'
                     );
Navbar[3] = new Array('SPTV' ,
                         'overview / vision','/Salmonpeople/SPTV/sptvoverview.html'
                     );
Navbar[4] = new Array('Resources' ,
                         'contact information','/Salmonpeople/Resources/contact.html',
                         'salmon nation described','/Salmonpeople/Resources/salmonnation.html',
                         'NEW indicators list','/Salmonpeople/Resources/indicators.html',
                         'measuring what matters','/Salmonpeople/Resources/whatmatters.html',
                         'principles of ecology','/Salmonpeople/Resources/ecology.html',
                         'principles of economy / inquiry','/Salmonpeople/Resources/economy.html',
                         'principles of watershed wisdom','/Salmonpeople/Resources/wisdom.html',
                         'what a citizen steward knows','/Salmonpeople/Resources/stewardknows.html',
                         'watershed wisdom self assessment','/Salmonpeople/Resources/selfassessment.html',
                         'youth stewardship initiation','/Salmonpeople/Resources/initiation.html',
                         'gift economy / industrial economy','/Salmonpeople/Resources/econcompare.html',
                         'shifting metaphors','/Salmonpeople/Resources/metaphors.html',
                         'pledge of allegiance','/Salmonpeople/Resources/pledge.html',
                         'declaration of interdependence','/Salmonpeople/Resources/declaration.html',
                         'Bill Reid\'s salmon image','/Salmonpeople/Resources/billreid.html',
                         'book list','/Salmonpeople/Resources/booklist.html',
                         'web picks','/Salmonpeople/Resources/links.html',
                         'peter\'s membership list','/Salmonpeople/Resources/membership.html',
                         'what\'s a foodshed?','/Salmonpeople/Resources/foodshed.html'
                     );
Navbar[5] = new Array('Poetry' ,
                         'salmon circle','/Salmonpeople/Poetry/cycle.html',
                         'salmon parable','/Salmonpeople/Poetry/parable.html',
                         'watershed legacy','/Salmonpeople/Poetry/wl.html',
                         'sleeping lady legend','/Salmonpeople/Poetry/sll.html',
                         'hide it','/Salmonpeople/Poetry/hide.html',
                         'come back salmon','/Salmonpeople/Poetry/back.html',
                         'watershed rap','/Salmonpeople/Poetry/rap.html',
                         'grandpa fish, visiting hours','/Salmonpeople/Poetry/grandpa.html'
                     );
Navbar[6] = new Array('Ancestry' ,
                         'salmon as my teacher','/Salmonpeople/Ancestry/salmonteacher.html',
                         'four generations','/Salmonpeople/Ancestry/4gen.html',
                         'my father\'s ashes','/Salmonpeople/Ancestry/ashes.html',
                         'tribute stories to Jack Donaldson','/Salmonpeople/Ancestry/tribute.html',
                         'family photo gallery','/Salmonpeople/Ancestry/photos.html',
                         'thinking seven generations','/Salmonpeople/Ancestry/7gen.html'
                     );


////////////////////////////////////////////////////////////////////

function GetElementLeft(eElement) {
    var nLeftPos = eElement.offsetLeft;
    var eParElement = eElement.offsetParent;
    while (eParElement != null) {
        nLeftPos += eParElement.offsetLeft;
        eParElement = eParElement.offsetParent;
    }
    return nLeftPos;
}


function GetElementTop(eElement) {
    var nTopPos = eElement.offsetTop;
    var eParElement = eElement.offsetParent;
    while (eParElement != null) {
        nTopPos += eParElement.offsetTop;
        eParElement = eParElement.offsetParent;
    }
    return nTopPos;
}

function toggle_submenu(id) {
   // turn off all other menus
   for (var i=0; i<Navbar.length; i++) {
      if (i == id) { continue; }
      document.getElementById('submenu_'+i).style.display = 'none';
   }

   // toggle the selected menu
   div  = document.getElementById('submenu_'+id);
   link = document.getElementById('menulink_'+id);
   div.style.top  = GetElementTop(link) + 19;
   div.style.left = GetElementLeft(link) + 19;
   div.style.display = div.style.display == 'none' ? 'block' : 'none';
}


function draw_menu() {
   // first, iterate over the menu items and generate the CSS divs
   for (var i=0; i<Navbar.length; i++) {
      contents = Navbar[i];
      document.write('<div class="submenu" id="submenu_'+i+'" style="display:none;white-space:nowrap;">');
      for (var q=0; q+2<contents.length; q+=2) {
         title = contents[q+1];
         url   = contents[q+2];
         document.write('<a class="submenulink" href="'+url+'">'+title+'</a><br/>');
      }
      document.write('</div>');
   }

   // now, iterate over the menu items to draw the top-level menu bar
   document.write('<div class="menu">\n');
   for (var i=0; i<Navbar.length; i++) {
      title = Navbar[i][0];
      document.write('  <span id="menulink_'+i+'"><a class="menulink" href="javascript:void(0);" onClick="toggle_submenu(\''+i+'\');">'+title+'</a></span>');
   }
   document.write('</div>\n');
}