var lastCatId = 0;

  function toogleSubmenu(CatId) {
    details = document.getElementsByTagName('div');

    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) {
      if (submenu.style.display != 'block') {
        submenu.style.display = 'block';
      }
    }
  }