var toggledDisplay = new Object();
    toggledDisplay['sub1'] = true;
    toggledDisplay['sub2'] = true;
    toggledDisplay['sub3'] = true;
    toggledDisplay['sub4'] = true;
    toggledDisplay['sub5'] = true;
    toggledDisplay['sub6'] = true;
    toggledDisplay['sub7'] = true;
    toggledDisplay['sub8'] = true;

function toggleDisplay(bDisplayed)
{
  var displayed = new Object();
      displayed['true'] = 'block';
      displayed['false'] = 'none';
  for(var i = 1; i < toggleDisplay.arguments.length; i++)
  {
    oDisplay = document.getElementById(toggleDisplay.arguments[i]);
    if(oDisplay)
    {
      oDisplay.style.display = displayed[bDisplayed];
      // mozilla is the only browser out of the lot that can't get this right.  so, if we're
      // setting an object's display style to block, we gotta reload any images contained
      // within that block.  mozilla won't do it for you like every other browser that
      // supports the functionality of changing the display style dynamically.
      // begin crap browser hack
      if(bDisplayed)
      {
        oImages = oDisplay.getElementsByTagName('IMG');
        for(var j = 0; j < oImages.length; j++)
          oImages[j].src = oImages[j].src;
      }
      // end mozilla, err, crap browser hack
       if(typeof toggledDisplay[toggleDisplay.arguments[i]] != 'undefined')
        toggledDisplay[toggleDisplay.arguments[i]] = !bDisplayed;
    }
  }
}

function toggle1()
{
toggleDisplay(false, 'sub2', 'sub3', 'sub4', 'sub5', 'sub6', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub1'], 'sub1');
}
function toggle2()
{
toggleDisplay(false, 'sub1', 'sub3', 'sub4', 'sub5', 'sub6', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub2'], 'sub2');
}
function toggle3()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub4', 'sub5', 'sub6', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub3'], 'sub3');
}
function toggle4()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub3', 'sub5', 'sub6', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub4'], 'sub4');
}
function toggle5()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub3', 'sub4', 'sub6', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub5'], 'sub5');
}
function toggle6()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub3', 'sub4', 'sub5', 'sub7', 'sub8'); toggleDisplay(toggledDisplay['sub6'], 'sub6');
}
function toggle7()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub3', 'sub4', 'sub5', 'sub6', 'sub8'); toggleDisplay(toggledDisplay['sub7'], 'sub7');
}
function toggle8()
{
toggleDisplay(false, 'sub1', 'sub2', 'sub3', 'sub4', 'sub5', 'sub6', 'sub7'); toggleDisplay(toggledDisplay['sub8'], 'sub8');
}