// navbar.js
// menu functions

function showMenu( id )
 { 
 if( isDHTML )
  {
  // create names for menu and menu_heading
  var menuHeading = 'menu_head_' + id;                 // create name for this menu heading
  var menu        = 'menu_' + id;                      // create name for this menu
  var maxMenu     = 'menu_' + id + '_max';             // widest element in this menu

  // find DOM pointer for navbar, menu and menu_heading
  var domMenuHeading = findDOM( menuHeading, 0 );        // DOM for this menu heading
  var domSMenu       = findDOM( menu, 1 );               // DOM for this menu style
  var domMenu        = findDOM( menu, 0 );               // DOM for this menu
  var domMaxMenu     = findDOM( maxMenu, 0 );            // DOM for widest element in this menu

  // add offsetLeft for id=navbar
  var x_spacing    = 0;                                       
  var domNavbar = findDOM( 'navbar', 0 );
  var leftEdgeMenu = domMenuHeading.offsetLeft + x_spacing + domNavbar.offsetLeft;

  // calculate top edge of menu = bottom edge of menu_heading + yspacing
  // bar_blue     =  5px
  // white_bar    =  1px
  // header image = 84px
  // white_bar    =  1px
  var topNavbar   = 91;
  var topMenu     = topNavbar + domNavbar.offsetHeight + 3;

  // calculate width of menu = max width of menuItems
  var menuWidth = (domMaxMenu.offsetWidth);

  // set menu parameters
  domSMenu.visibility = 'visible';
  domSMenu.zIndex     = '100';
  domSMenu.width      = menuWidth;
  domSMenu.left       = leftEdgeMenu;
  domSMenu.top        = topMenu;
  }
 else
  { return null; }
 }

function hideMenu( id )
 {
 menu                = 'menu_' + id;                 // create name for this menu
 domSMenu            = findDOM( menu, 1 );           // DOM for this menu style
 domSMenu.visibility = 'hidden';
 }

function hideMenuBut( id )
 {
 var i;
 for( i=1; i<=7; i++ )
  {
  if( i != id )
   { hideMenu( i ); }
  }
 }