// +------------------------------------------------------------+
// | Menu Editor(for MenuG3/G3.1)    Last Modified 05-Nov-2002  |
// | Web Site:                       http://www.yxScripts.com   |
// | EMail:                          m_yangxin@hotmail.com      |
// +------------------------------------------------------------+
// |      Copyright 2002  Xin Yang   All Rights Reserved.       |
// +------------------------------------------------------------+

var subCount=0, funcCount=0;
var inputBox=null, myIns="Editor", myTop="yxTop", mySub="yxSub", myShow="yxShow", hasShow=0;

// ------

var menuForm='<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">New Menu</div></td></tr><tr><td align="right">&nbsp;Menu Name:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Top-Level Menu Name:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newMenu2(this.form.elements[0].value,this.form.elements[1].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
var loadForm='<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">Menu Content</div></td></tr><tr><td><textarea class="text" cols="120" rows="20"="off">// Copy and paste the menu content here.</textarea></td></tr><tr><td align="center"><input class="submit" type="button" value="Load  " onclick="loadMenu2(this.form.elements[0].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
var helpForm='<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">Help</div></td></tr><tr><td><textarea class="text" cols="120" rows="20"="off">1. To add a new menu\n\n- Select Menu Editor -> Add Menu, fill the popup form and click the "Add" button.\n- A new menu item with the menu name you input will be added under the "Menu Editor" item.\n- Select the new item, then its sub-menu which is named with the top-level menu name you input.\n- Another sub-menu will be shown with menu items you can add to the top-level menu.\n- Select the item you want to add and the input form pops up.\n- Fill the form and the menu item will be added to the top-level menu.\n- If you add a sub-menu item, you can follow the same way to add menu items to the sub-menu.\n\n2. To save the menu content\n\n- Once you have added a menu, you can select Menu Editor -> Show Menu to show the menu content.\n- Copy and save the menu content as a .js file.</textarea></td></tr><tr><td align="center"><input class="submit" type="button" value="Close  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';

function subMenuForm(ins,menu,sub) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">['+sub+'] : Sub-Menu Item</div></td></tr><tr><td align="right">&nbsp;Sub-Menu Name:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Display:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Message:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Link:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Group ID:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newSub2('+"'"+ins+"','"+menu+"'"+',this.form.elements[1].value,this.form.elements[2].value,this.form.elements[3].value,this.form.elements[0].value,this.form.elements[4].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function linkForm(ins,menu,sub) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">['+sub+'] : Link Item</div></td></tr><tr><td align="right">&nbsp;Display:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Message:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Link:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Group ID:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newLink2('+"'"+ins+"','"+menu+"'"+',this.form.elements[0].value,this.form.elements[1].value,this.form.elements[2].value,this.form.elements[3].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function commandForm(ins,menu,sub) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">['+sub+'] : Command Item</div></td></tr><tr><td align="right">&nbsp;Display:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Message:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Command:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Group ID:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newCommand2('+"'"+ins+"','"+menu+"'"+',this.form.elements[0].value,this.form.elements[1].value,this.form.elements[2].value,this.form.elements[3].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function infoForm(ins,menu,sub) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">['+sub+'] : Info Item</div></td></tr><tr><td align="right">&nbsp;Info:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="right">&nbsp;Group ID:&nbsp;</td><td><input class="text" type="text" size="20" value="">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newInfo2('+"'"+ins+"','"+menu+"'"+',this.form.elements[0].value,this.form.elements[1].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function sepForm(ins,menu,sub) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">['+sub+'] : Separator Item</div></td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Add  " onclick="newSep2('+"'"+ins+"','"+menu+"'"+')">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function contentForm(content) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" style="border:1px solid #000000"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">Menu Content</div></td></tr><tr><td><textarea class="text" cols="120" rows="20"="off">'+content+'</textarea></td></tr><tr><td align="center"><input class="submit" type="button" value="Close  " onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function walkMenu(menu,name) {
  if (menu.content.name==name) {
    return menu;
  }

  for (var i=0; i<menu.itemL; i++) {
    if ((menu.items[i].content.type==yx_M || menu.items[i].content.type==yx_iM) && menu.items[i].menu.ready) {
      var theSub=walkMenu(menu.items[i].menu,name);
      if (theSub!=null) {
        return theSub;
      }
    }
  }

  return null;
}

function newItem(menu,isNotSep) {
  var items=menu.items, itemL=menu.itemL, sPad=menu.style.sPad, sItem=menu.style.sItem, dx=sPad.bSize+sPad.sWidth, dy=sPad.bSize+sPad.sHeight;

  items[itemL]=new yx_itemOBJ(menu,menu.content.items[itemL]);
  if (isNotSep) {
    items[itemL].makeI();
  }
  else {
    items[itemL].makeS(sItem.iWidth,3);
    yx_setZIndex(items[itemL].item,1);
  }

  for (var i=0; i<itemL; i++) { dy+=items[i].height+sItem.dis; }

  menu.pad.style.height=parseInt(menu.pad.style.height)+(items[itemL].height+sItem.dis)+"px";
  menu.height+=items[itemL].height+sItem.dis;

  items[itemL].x=dx; items[itemL].y=dy;
  yx_moveLayerTo(items[itemL].item,dx,dy);
  if (items[itemL].cover!=null) {
    yx_moveLayerTo(items[itemL].cover,dx,dy);
  }

  menu.itemL++;
}

function newSep(ins,menu,sub) {
  inputBox.innerHTML=sepForm(ins,menu,sub);
  yx_showLayer(inputBox);
}

function newSep2(ins,menu) {
  hideForm();

  var curIns=yx_findIns(ins,true);

  if (curIns!=null && curIns.menu.ready) {
    var curMenu=walkMenu(curIns.menu,menu);
    if (curMenu!=null) {
      addSeparator(menu);
      newItem(curMenu,false);
    }
  }
}

function newInfo(ins,menu,sub) {
  inputBox.innerHTML=infoForm(ins,menu,sub);
  yx_showLayer(inputBox);
}

function newInfo2(ins,menu,dis,group) {
  hideForm();

  var curIns=yx_findIns(ins,true);

  if (curIns!=null && curIns.menu.ready) {
    var curMenu=walkMenu(curIns.menu,menu);
    if (curMenu!=null) {
      addInfo(menu, dis, "tab");
      newItem(curMenu,true);
      curMenu.items[curMenu.itemL-1].content.groupName=group;
    }
  }
}

function newCommand(ins,menu,sub) {
  inputBox.innerHTML=commandForm(ins,menu,sub);
  yx_showLayer(inputBox);
}

function newCommand2(ins,menu,dis,msg,code,group) {
  hideForm();

  var curIns=yx_findIns(ins,true);

  if (curIns!=null && curIns.menu.ready) {
    var curMenu=walkMenu(curIns.menu,menu);
    if (curMenu!=null) {
      addCommand(menu, dis, msg, code, "tab");
      newItem(curMenu,true);
      curMenu.items[curMenu.itemL-1].content.groupName=group;
    }
  }
}

function newLink(ins,menu,sub) {
  inputBox.innerHTML=linkForm(ins,menu,sub);
  yx_showLayer(inputBox);
}

function newLink2(ins,menu,dis,msg,link,group) {
  hideForm();

  var curIns=yx_findIns(ins,true);

  if (curIns!=null && curIns.menu.ready) {
    var curMenu=walkMenu(curIns.menu,menu);
    if (curMenu!=null) {
      addLink(menu, dis, msg, link, "tab");
      newItem(curMenu,true);
      curMenu.items[curMenu.itemL-1].content.groupName=group;
    }
  }
}

function newSub(ins,menu,sub) {
  inputBox.innerHTML=subMenuForm(ins,menu,sub);
  yx_showLayer(inputBox);
}

function newSub2(ins,menu,dis,msg,link,sub,group) {
  hideForm();

  var curIns=yx_findIns(ins,true);

  if (curIns!=null && curIns.menu.ready) {
    var curMenu=walkMenu(curIns.menu,menu);
    if (curMenu!=null) {
      var subUser="userSub"+(++subCount);
      var subFunc="funcSub"+(++funcCount);
   addSubMenu(menu, dis, msg, link, subUser, "tab");
   addSubMenu(subUser, sub, "Sub-Menu of ["+sub+"]", "", subFunc, "");
   addInfo(subFunc, "Add a Menu Item", "func");
      addCommand(subFunc, "&#149;&nbsp;&nbsp;Sub-Menu", "Add a Sub-Menu", "newSub('"+myIns+"','"+subUser+"','"+sub+"')", "");
      addCommand(subFunc, "&#149;&nbsp;&nbsp;Link", "Add a Link Item", "newLink('"+myIns+"','"+subUser+"','"+sub+"')", "");
      addCommand(subFunc, "&#149;&nbsp;&nbsp;Command", "Add a Command Item", "newCommand('"+myIns+"','"+subUser+"','"+sub+"')", "");
      addCommand(subFunc, "&#149;&nbsp;&nbsp;Info", "Add a Info Item", "newInfo('"+myIns+"','"+subUser+"','"+sub+"')", "");
      addCommand(subFunc, "&#149;&nbsp;&nbsp;Separator", "Add a Separator", "newSep('"+myIns+"','"+subUser+"','"+sub+"')", "");
   addStyleGroup("style", "funcItems", subFunc);
   newItem(curMenu,true);
      curMenu.items[curMenu.itemL-1].content.subName=sub;
      curMenu.items[curMenu.itemL-1].content.groupName=group;
    }
  }
}

function newMenu() {
  inputBox.innerHTML=menuForm;
  yx_showLayer(inputBox);
}

function newMenu2(name, sub) {
  newSub2(myIns,myTop,name,name,"",sub,"");

  var curIns=yx_findIns(myIns,true), theSub=walkMenu(curIns.menu,mySub);

  curIns.menu.items[curIns.menu.itemL-1].content.menuName=name;

  if (hasShow==0) {
    addSubMenu(mySub, "Show Content", "Show Menu Content", "", myShow, "");
  }

  addCommand(myShow, "&nbsp;["+name+"]&nbsp;", "["+name+"]", "disContent('"+name+"')", "tab");

  if (hasShow==0) {
    newItem(theSub,true);
  }

  hasShow++;

  var curMenu=walkMenu(curIns.menu,myShow);
  if (curMenu!=null) {
    newItem(curMenu,true);
  }
  else if (hasShow>1) {
    theSub.items[2].menu.itemL++;
  }
}

function hideForm() {
  yx_hideLayer(inputBox);
}

function disContent(menu) {
  var curIns=yx_findIns(myIns,true), items=curIns.menu.items;
  for (var i=0; i<curIns.menu.itemL; i++) {
    if (items[i].content.menuName==menu) {
      var content='addMenu("'+items[i].content.menuName+'", "'+items[i].content.subName+'");'+"\n\n";
      if (items[i].menu.ready) {
        content+=getContent(items[i].menu,items[i].content.subName);
      }
   inputBox.innerHTML=contentForm(content);
      yx_showLayer(inputBox);
   break;
    }
  }
}

function getContent(menu,sub) {
  var content="";
  var dis,msg,code;
  for (var i=0; i<menu.itemL; i++) {
    if (menu.items[i].content.group=="tab") {
      iCon=menu.items[i].content;
      if (iCon.type==yx_M) {
        dis=iCon.dis.replace(/"/g, '\\"');
        msg=iCon.msg.replace(/"/g, '\\"');
        content+='addSubMenu("'+sub+'", "'+dis+'", "'+msg+'", "", "'+iCon.subName+'", "'+iCon.groupName+'");'+"\n";
      }
      else if (iCon.type==yx_L) {
        dis=iCon.dis.replace(/"/g, '\\"');
        msg=iCon.msg.replace(/"/g, '\\"');
        content+='addLink("'+sub+'", "'+dis+'", "'+msg+'", "'+iCon.link+'", "'+iCon.groupName+'");'+"\n";
      }
      else if (iCon.type==yx_C) {
        dis=iCon.dis.replace(/"/g, '\\"');
        msg=iCon.msg.replace(/"/g, '\\"');
        code=iCon.code.replace(/"/g, '\\"');
        content+='addCommand("'+sub+'", "'+dis+'", "'+msg+'", "'+code+'", "'+iCon.groupName+'");'+"\n";
      }
      else if (iCon.type==yx_I) {
        dis=iCon.dis.replace(/"/g, '\\"');
        content+='addInfo("'+sub+'", "'+dis+'", "'+iCon.groupName+'");'+"\n";
      }
      else if (iCon.type==yx_S) {
        content+='addSeparator("'+sub+'");'+"\n";
      }
    }
  }

  for (var i=0; i<menu.itemL; i++) {
    if (menu.items[i].content.group=="tab") {
      if (menu.items[i].content.type==yx_M && menu.items[i].menu.ready) {
        content+="\n"+getContent(menu.items[i].menu, menu.items[i].content.subName);
      }
    }
  }

  return content;
}

function openHelp() {
  inputBox.innerHTML=helpForm;
  yx_showLayer(inputBox);
}

function loadMenu() {
  inputBox.innerHTML=loadForm;
  yx_showLayer(inputBox);
}

function loadMenu2(content) {
  hideForm();
  var contents=content.split("\n");
  alert(contents.length);
}

// ------

function buildMenu() {
  addMenu(myIns, myTop);

  addInfo(myTop, "www.yxScripts.com", "");
  addSubMenu(myTop, "Menu Editor", "Menu Editor", "", mySub, "");

  addCommand(mySub, "Help", "Help", "openHelp()", "");
  addCommand(mySub, "Add Menu", "Add a New Menu", "newMenu()", "");
  // addCommand(mySub, "Load Menu", "Load a Menu", "loadMenu()", "");

  endMenu();

  addStylePad("funcPad", 0, 0, "", 0, "", "", -4, 4);
  addStyleItem("funcItem", 120, 6, 1, 1, "solid", "solid", "#000000", "#000000", "#f9f9f9", "#cccccc", "mouse-over", -1);

  addStylePad("userPad", 1, 1, "#f9f9f9", 1, "solid", "#000000", -4, -4);
  addStyleItem("userItem", 150, 6, 3, 1, "solid", "solid", "#000000", "#000000", "#f9f9f9", "#cccccc", "mouse-over", -1);
  addStyleFont("userFont", "verdana", 12, "normal", "italic", "#000000", "#000000", "center");

  addStyleTag("tag", "on", imagePath, "tagRN.gif", "tagRN.gif", 8, 11, "right");
  addStyleSeparator("separator", "solid", "#f9f9f9", 2);

  addStyleItem("funcTab", 0, 6, 1, 1, "solid", "solid", "#000000", "#000000", "#669999", "#669999", "mouse-over", 0);
  addStyleFont("funcFont", "verdana", 12, "normal", "italic", "#000000", "#000000", "left");

  addStyleMenu("funcItems", "funcPad", "funcItem", "funcFont", "tag", "");

  addStyleMenu("funcTabs", "", "funcTab", "funcFont", "tag", "");

  addStyleGroup("style", "funcTabs", "func");

  setDefaultStyle("userPad", "userItem", "userFont", "tag", "separator");

  addStyleGroup("style", "myTitle", "title");

  addStyleItem("tabItem", 0, 6, 3, 1, "solid", "solid", "#000000", "#000000", "#669999", "#996666", "mouse-over", 0);
  addStyleFont("tabFont", "verdana", 12, "normal", "normal", "#000000", "#f9f9f9", "left");
  addStyleTag("tabTag", "on", imagePath, "tagRN.gif", "tagRH.gif", 8, 11, "right");
  addStyleMenu("tabItems", "", "tabItem", "tabFont", "tabTag", "");

  addStyleGroup("style", "tabItems", "tab");

  addInstance(myIns, myIns, "static", "absolute", "", "", "left", "top", 24, 24, "pad", "right-down", "show", "target", "style", "sticky");

  inputBox=yx_makeLayer(20,100,null,"hidden",1000);
}