var buildMenuDiv = function(idArr) {

    var paramNames = ['c', 'g', 's'];
    var cssNames = ['mcat', 'text2', 'text3'];
    var dataArr = menuData;
    for (var i = 0; i < idArr.length; i++) {
        dataArr = dataArr.get(idArr[i])[1];
    }
    var nmPart = buildNameFromArray(idArr);
    var result = "<div id=\"mnd" + nmPart + "\"  ><replace/>";
    var arr = nmPart.substr(1).replace("_", ",");
    if (arr.length > 0) arr += ",";

    var baseUrl = "";
    for (var j = 0; j < idArr.length; j++) {
        baseUrl += "&" + paramNames[j] + "=" + idArr[j]
    }
    baseUrl += "&" + paramNames[idArr.length] + "=";
    var goldCount = 0;
    var goldsLine = "";
    for (var i = 0; i < dataArr.keys.length; i++) {
        var url = baseUrl + dataArr.keys[i];
        if (idArr.length != 2) {
            if (dataArr.key(dataArr.keys[i])[0].indexOf("золото") > 0) {
                goldsLine +=
                  "<div id = \"cnt" + nmPart + "_" + dataArr.keys[i] + "\" class=\"menuDiv_level_" + idArr.length + "\"  >" +
                  "<img id=\"im" + nmPart + "_" + dataArr.keys[i] + "\" name=\"im" + nmPart + "_" + dataArr.keys[i] + "\" onClick=\"clickMenu([" + arr + dataArr.keys[i] + "],\'cnt" + nmPart + "_" + dataArr.keys[i] + "\');\" src=\"images/plasCat.gif\" border=\"0\">&nbsp" +
                  "<a href =\"?mod=ctl" + url + "\" class=\"" + cssNames[idArr.length] + "\">" + dataArr.key(dataArr.keys[i])[0] + "</a></div>";
                goldCount++;
            } else {
                result +=
                  "<div id = \"cnt" + nmPart + "_" + dataArr.keys[i] + "\" class=\"menuDiv_level_" + idArr.length + "\"  >" +
                  "<img id=\"im" + nmPart + "_" + dataArr.keys[i] + "\" name=\"im" + nmPart + "_" + dataArr.keys[i] + "\" onClick=\"clickMenu([" + arr + dataArr.keys[i] + "],\'cnt" + nmPart + "_" + dataArr.keys[i] + "\');\" src=\"images/plasCat.gif\" border=\"0\">&nbsp" +
                  "<a href =\"?mod=ctl" + url + "\" class=\"" + cssNames[idArr.length] + "\">" + dataArr.key(dataArr.keys[i])[0] + "</a></div>";
            }
        } else {
            result +=
              "<div id = \"cnt" + nmPart + "_" + dataArr.keys[i] + "\" class=\"menuDiv_level_" + idArr.length + "\"  >" +
          "<img id=\"im" + nmPart + "_" + dataArr.keys[i] + "\" name=\"im" + nmPart + "_" + dataArr.keys[i] + "\" src=\"images/notActiveStone.jpg\"  border=\"0\"/>&nbsp;" +
          "<a href =\"?mod=ctl" + url + "\" class=\"" + cssNames[idArr.length] + "\">" + dataArr.key(dataArr.keys[i])[0] + "</a></div>";
        }
    }
    if (goldCount > 1) {
        result = result.replace("<replace/>", "<div class=\"menuDiv_level_1\"><a href =\"?mod=ctl" + baseUrl + "1001\" class=\"text2\"> - Золото</a><div class=\"menuDiv_level_gold\">" + goldsLine + "</div></div>");
    } else {
    result = result.replace("<replace/>", goldsLine);
    }
    result += "</div>";
    return result;
}

function clickMenu(idArr) {
  namePart = buildNameFromArray(idArr);
  var parentDiv = document.getElementById("cnt" + namePart );
  if (!parentDiv) return;
  if ( (parentDiv.isLoad == null) && (idArr.length < 3)) {
    parentDiv.innerHTML = parentDiv.innerHTML + buildMenuDiv(idArr);
    parentDiv.isLoad = true;
  }

  var img = document.getElementById("im" + namePart );
  var childDiv = document.getElementById("mnd" + namePart);
  
  var style  = "";
  if (parentDiv.isOpen == null) {
      img.src = "images/minusCat.gif";
      parentDiv.isOpen = true;
  }
  else {
      style = "none";
      img.src = "images/plasGold.gif";
      parentDiv.isOpen = null;
  }
  if (childDiv != null) {
      childDiv.style.display = style;
  } else {
      img.src = "images/srelahaprig.jpg";
  }
}

function clickMenuOld(idArr) {
    namePart = buildNameFromArray(idArr);
    var img = document.getElementById("im" + namePart );
    if (img.src.indexOf("minusCat.gif") > -1) {
        img.src = "images/plasGold.gif";
        var childDiv = document.getElementById("mnd" + namePart);
        childDiv.style.display = "none";
    } else {
        var parentDiv = document.getElementById("cnt" + namePart );
        if ( (parentDiv.isLoad == null) && (idArr.length < 3 ) ) {
            parentDiv.innerHTML = parentDiv.innerHTML + buildMenuDiv(idArr);
            parentDiv.isLoad = true;
            img = document.getElementById("im" + namePart );
        }
        if (idArr.length < 3) {
            var childDiv = document.getElementById("mnd" + namePart);
            img.src = "images/minusCat.gif";
            childDiv.style.display = "";
        } else {
            img.src = "images/activeStone.jpg ";
        }
    }
}
function buildNameFromArray(idArr, count) {
    var result = "";
    var cnt = idArr.length;
    if (count != null) {
        cnt = count;
    }
    for (var i = 0; i < cnt; i++) {
        
        result += "_" + idArr[i];
    }
    return result;
}