var lastCatId = 0;
  
  function toogleSubmenu(CatId) {  
    details = document.getElementsByTagName('tr');
    
    var mode;
    if (lastCatId == CatId) {
      mode = 'hide';
      lastCatId = 0;
    } else {
      mode = 'show';
      lastCatId = CatId;
    }
    
    if (details != null) {
      if (details.length > 0) {
        for (i=0;i<details.length;i++) {
          var decodedName = details[i].id.split('_');
          if (decodedName.length == 3) {
            if (decodedName[0] == 'submenu') {
              if (decodedName[1] == CatId) {
                if (mode == 'hide') {
                  hideSubmenu(details[i]);
                } else {
                  showSubmenu(details[i]);
                }
              } else {
                hideSubmenu(details[i]);
              }
            }
          }
        }
      }
    }
  }
  
  function hideSubmenu(submenu) {
    if (submenu != null) {
      if (submenu.style.display != 'none') {
        submenu.style.display = 'none';
      }
    }
  }
  
  function showSubmenu(submenu) {
    if (submenu != null) {
      mode = getModeString('show');
      if (submenu.style.display != mode) {
        submenu.style.display = mode;
      }
    }
  }
  
  function setCSS() {
    if (this != null) {
      if (this.className == 'snavtd_n') {
        classname = 'over';
      } else if (this.className == 'snavtd_over') {
        classname = 'n';
      } else if (this.className == 'snavtd_sub') {
        classname = 'sub_over';
        switchPic('img_'+this.id, 1);
      } else if (this.className == 'snavtd_sub_over') {
        classname = 'sub';
        switchPic('img_'+this.id, 0);
      }
      this.className = 'snavtd_'+classname;
      return true;
    }
    return false;
  }
  
  function initializeCSSHover() {
    divs = document.getElementsByTagName('td');
    if (divs != null) {
      if (divs.length > 0) {
        for (i=0;i<divs.length;i++) {
          if ((divs[i].className == 'snavtd_sub') || (divs[i].className == 'snavtd_sub_over')) {
            divs[i].onmouseover = setCSS;
            divs[i].onmouseout = setCSS;
          }
        }
      }
    }
  }
  
  function getModeString(mode) {
    if (mode == 'show') {
      if (document.all != null) {
        return "inline";      
      } else {
        return "table-row";
      }
    } else {
      return "none";
    }
  }

  function switchPic(imgId, num) {
    img = document.getElementById(imgId);
    if (img != null) {
      img.src = im[num].src;
    }
  }

 
imag = new Array()
imag[0] = "/picsgen/blank.gif";
imag[1] = "/picsgen/navbullet.gif";

im = new Array()
for (var i = 0; i < imag.length; i++) {
  im[i] = new Image();
  im[i].src = imag[i];
}