function toggleDisplay (theid) {
  if (document.getElementById) {
    var gameBlock = document.getElementById('info'+theid);
    var toggle = document.getElementById('toggle'+theid);
    if (gameBlock.className == 'gameinfoHide') {
      gameBlock.className = 'gameinfoShow';
      gameBlock.style.display = 'block';
      if (toggle.className == 'gameToggle') {
        toggle.src = "/graphics/minus1.gif";
      }
    }
    else if (gameBlock.className == 'gameinfoShow') {
      gameBlock.className = 'gameinfoHide';
      gameBlock.style.display = 'none';
      if (toggle.className == 'gameToggle') {
        toggle.src = "/graphics/plus1.gif";
      }
    }
  }
}

function showAll() {
  if (document.getElementsByTagName) {
    // Toggle all appropriate DIVs
    var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
      if (divs[i].className == 'gameinfoHide') {
        divs[i].className = 'gameinfoShow';
        divs[i].style.display = 'block';
      }
    }
    // Toggle all appropriate imgs
    var imgs = document.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
      if (imgs[i].className == 'gameToggle') {
	imgs[i].src = "/graphics/minus1.gif";
      }
    }
  }
}

function hideAll() {
  if (document.getElementsByTagName) {
    // The elements to toggle are all DIVs
    var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
      if (divs[i].className == 'gameinfoShow') {
        divs[i].className = 'gameinfoHide';
        divs[i].style.display = 'none';
      }
    }
    // Toggle all appropriate IMGs
    var imgs = document.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
      if (imgs[i].className == 'gameToggle') {
        imgs[i].src = "/graphics/plus1.gif";
      }
    }
  }
}