// +------------------------------------------------------------+
// | Style 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 inputBox=null, inputBox2=null, curItem=null;
var colors=new Array("#ffcccc", "#ffcccc", "#ccffcc", "#ccffcc", "#6699cc", "#6699cc");
var colorTitles=new Array("red", "red", "green", "green", "blue", "blue");

addMenu("yxFunc", "funcTop");

addInfo("funcTop", "www.yxScripts.com", "");
addSubMenu("funcTop", "Style Editor", "", "", "styleFunc", "");

addCommand("styleFunc", "Show Styles", "", "showStyle()", "");
addCommand("styleFunc", "Pad Style", "", "showPad()", "");
addCommand("styleFunc", "Item Style", "", "showItem()", "");
addCommand("styleFunc", "Font Style", "", "showFont()", "");
addCommand("styleFunc", "Separator Style", "", "showSeparator()", "");

addMenu("yxStyle", "styleTop");

addInfo("styleTop", "Sample Menu", "");
addSeparator("styleTop");
addLink("styleTop", "Hocus Pocus, out of focus", "", "", "");
addLink("styleTop", "Hocus Pocus, out of", "", "", "");
addSubMenu("styleTop", "Hocus Pocus, out", "", "", "styleSub", "");
addLink("styleTop", "Hocus Pocus", "", "", "");
addLink("styleTop", "Hocus", "", "", "");

addLink("styleSub", "Hocus Pocus, out of focus", "", "", "");
addSeparator("styleSub");
addLink("styleSub", "Hocus Pocus, out of", "", "", "");
addLink("styleSub", "Hocus Pocus, out", "", "", "");
addLink("styleSub", "Hocus Pocus", "", "", "");
addLink("styleSub", "Hocus", "", "", "");

endMenu();

addStylePad("funcPad",1,1,"#ffffff",1,"solid","#000000",-4,-4);
addStyleItem("funcItem",150,12,2,1,"solid","solid","#000000","#000000","#f9f9f9","#cccccc","",-1);
addStyleFont("funcFont","verdana",12,"normal","italic","#000000","#000000","left");
addStyleTag("funcTag", "on", imagePath, "tagRN.gif", "tagRN.gif", 8, 11, "right");
addStyleMenu("funcMenu", "funcPad", "funcItem", "funcFont", "funcTag", "");
addStyleGroup("funcStyle", "funcMenu", "funcTop", "styleFunc");

function buildMenu() {
  yx_sMenus[0].sItem=new yx_sItemOBJ("",0,6,1,0,"","","","","#c0c0c0","#000080","",0);

  addInstance("yxFunc","yxFunc", "static", "absolute", "", "", "left", "top", 24, 24, "pad", "right-down", "show", "", "funcStyle", "sticky");
  addInstance("yxStyle","yxStyle", "static", "absolute", "", "", "left", "top", 360, 20, "pad", "right-down", "show", "", "", "sticky");

  inputBox=yx_makeLayer(20,150,null,"hidden",1000);
  inputBox2=yx_makeLayer(30,160,null,"hidden",1001);
}

function hideForm() {
  yx_hideLayer(inputBox);
  yx_hideLayer(inputBox2);
}

function hideForm2() {
  yx_hideLayer(inputBox2);
}

function pickColor(title,item) {
  curItem=item;
  var cc=(item.value=="")?"#cccccc":item.value;
  inputBox2.innerHTML=colorForm(title,cc);
  yx_showLayer(inputBox2);
}

function pickBorder(title,item) {
  curItem=item;
  inputBox2.innerHTML=borderForm(title);
  yx_showLayer(inputBox2);
}

function pickAction(title,item) {
  curItem=item;
  inputBox2.innerHTML=actionForm(title);
  yx_showLayer(inputBox2);
}

function pickFont(title,item) {
  curItem=item;
  inputBox2.innerHTML=faceForm(title);
  yx_showLayer(inputBox2);
}

function pickWeight(title,item) {
  curItem=item;
  inputBox2.innerHTML=weightForm(title);
  yx_showLayer(inputBox2);
}

function pickStyle(title,item) {
  curItem=item;
  inputBox2.innerHTML=shapeForm(title);
  yx_showLayer(inputBox2);
}

function pickAlign(title,item) {
  curItem=item;
  inputBox2.innerHTML=alignForm(title);
  yx_showLayer(inputBox2);
}

function selectIt(n,t,i) {
  return '<input type="button" class="click" value="&#187;" onclick="pick'+n+"('"+t+"'"+',this.form.elements['+i+'])">&nbsp;';
}

function borderForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" value="outset" onclick="curItem.value='+"'outset'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="inset" onclick="curItem.value='+"'inset'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="solid" onclick="curItem.value='+"'solid'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function actionForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" value="mouse-over" onclick="curItem.value='+"'mouse-over'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="mouse-click" onclick="curItem.value='+"'mouse-click'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function faceForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" style="font-family:arial" value="arial" onclick="curItem.value='+"'arial'"+'; hideForm2();">&nbsp;<input type="button" class="font" style="font-family:verdana" value="verdana" onclick="curItem.value='+"'verdana'"+'; hideForm2();">&nbsp;<input type="button" class="font" style="font-family:serif" value="serif" onclick="curItem.value='+"'serif'"+'; hideForm2();">&nbsp;<br />&nbsp;<input type="button" class="font" style="font-family:sans-serif" value="sans-serif" onclick="curItem.value='+"'sans-serif'"+'; hideForm2();">&nbsp;<input type="button" class="font" style="font-family:cursive" value="cursive" onclick="curItem.value='+"'cursive'"+'; hideForm2();">&nbsp;<input type="button" class="font" style="font-family:monospace" value="monospace" onclick="curItem.value='+"'monospace'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function weightForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" value="normal" onclick="curItem.value='+"'normal'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="bold" onclick="curItem.value='+"'bold'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function shapeForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" value="normal" onclick="curItem.value='+"'normal'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="italic" onclick="curItem.value='+"'italic'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function alignForm(t) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">'+t+'</div></td></tr><tr><td>&nbsp;<input type="button" class="font" value="left" onclick="curItem.value='+"'left'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="center" onclick="curItem.value='+"'center'"+'; hideForm2();">&nbsp;<input type="button" class="font" value="right" onclick="curItem.value='+"'right'"+'; hideForm2();">&nbsp;</td></tr><tr><td align="center"><input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function colorForm(t,v) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#cccccc" class="box"><tr><td><table cellpadding="1" cellspacing="1" border="0"><tr><td align="center" colspan="3"><div class="tab">'+t+'</div></td></tr><tr><td rowspan="2" width="64" align="center"><span id="sample" class="box" style="width:32px; height:32px; padding:16px; background-color:'+v+'"></span></td><td rowspan="6">&nbsp;</td><td><input type="button" value="0" class="'+(checkBit(v,1,"0")?"cur":"red")+'" onclick="checkSample(this,1)" id="red01"><input type="button" value="1" class="'+(checkBit(v,1,"1")?"cur":"red")+'" onclick="checkSample(this,1)" id="red11"><input type="button" value="2" class="'+(checkBit(v,1,"2")?"cur":"red")+'" onclick="checkSample(this,1)" id="red21"><input type="button" value="3" class="'+(checkBit(v,1,"3")?"cur":"red")+'" onclick="checkSample(this,1)" id="red31"><input type="button" value="4" class="'+(checkBit(v,1,"4")?"cur":"red")+'" onclick="checkSample(this,1)" id="red41"><input type="button" value="5" class="'+(checkBit(v,1,"5")?"cur":"red")+'" onclick="checkSample(this,1)" id="red51"><input type="button" value="6" class="'+(checkBit(v,1,"6")?"cur":"red")+'" onclick="checkSample(this,1)" id="red61"><input type="button" value="7" class="'+(checkBit(v,1,"7")?"cur":"red")+'" onclick="checkSample(this,1)" id="red71"><input type="button" value="8" class="'+(checkBit(v,1,"8")?"cur":"red")+'" onclick="checkSample(this,1)" id="red81"><input type="button" value="9" class="'+(checkBit(v,1,"9")?"cur":"red")+'" onclick="checkSample(this,1)" id="red91"><input type="button" value="a" class="'+(checkBit(v,1,"a")?"cur":"red")+'" onclick="checkSample(this,1)" id="reda1"><input type="button" value="b" class="'+(checkBit(v,1,"b")?"cur":"red")+'" onclick="checkSample(this,1)" id="redb1"><input type="button" value="c" class="'+(checkBit(v,1,"c")?"cur":"red")+'" onclick="checkSample(this,1)" id="redc1"><input type="button" value="d" class="'+(checkBit(v,1,"d")?"cur":"red")+'" onclick="checkSample(this,1)" id="redd1"><input type="button" value="e" class="'+(checkBit(v,1,"e")?"cur":"red")+'" onclick="checkSample(this,1)" id="rede1"><input type="button" value="f" class="'+(checkBit(v,1,"f")?"cur":"red")+'" onclick="checkSample(this,1)" id="redf1"><br /><input type="button" value="0" class="'+(checkBit(v,2,"0")?"cur":"red")+'" onclick="checkSample(this,2)" id="red02"><input type="button" value="1" class="'+(checkBit(v,2,"1")?"cur":"red")+'" onclick="checkSample(this,2)" id="red12"><input type="button" value="2" class="'+(checkBit(v,2,"2")?"cur":"red")+'" onclick="checkSample(this,2)" id="red22"><input type="button" value="3" class="'+(checkBit(v,2,"3")?"cur":"red")+'" onclick="checkSample(this,2)" id="red32"><input type="button" value="4" class="'+(checkBit(v,2,"4")?"cur":"red")+'" onclick="checkSample(this,2)" id="red42"><input type="button" value="5" class="'+(checkBit(v,2,"5")?"cur":"red")+'" onclick="checkSample(this,2)" id="red52"><input type="button" value="6" class="'+(checkBit(v,2,"6")?"cur":"red")+'" onclick="checkSample(this,2)" id="red62"><input type="button" value="7" class="'+(checkBit(v,2,"7")?"cur":"red")+'" onclick="checkSample(this,2)" id="red72"><input type="button" value="8" class="'+(checkBit(v,2,"8")?"cur":"red")+'" onclick="checkSample(this,2)" id="red82"><input type="button" value="9" class="'+(checkBit(v,2,"9")?"cur":"red")+'" onclick="checkSample(this,2)" id="red92"><input type="button" value="a" class="'+(checkBit(v,2,"a")?"cur":"red")+'" onclick="checkSample(this,2)" id="reda2"><input type="button" value="b" class="'+(checkBit(v,2,"b")?"cur":"red")+'" onclick="checkSample(this,2)" id="redb2"><input type="button" value="c" class="'+(checkBit(v,2,"c")?"cur":"red")+'" onclick="checkSample(this,2)" id="redc2"><input type="button" value="d" class="'+(checkBit(v,2,"d")?"cur":"red")+'" onclick="checkSample(this,2)" id="redd2"><input type="button" value="e" class="'+(checkBit(v,2,"e")?"cur":"red")+'" onclick="checkSample(this,2)" id="rede2"><input type="button" value="f" class="'+(checkBit(v,2,"f")?"cur":"red")+'" onclick="checkSample(this,2)" id="redf2"></td></tr><tr><td><input type="button" value="0" class="'+(checkBit(v,3,"0")?"cur":"green")+'" onclick="checkSample(this,3)" id="green03"><input type="button" value="1" class="'+(checkBit(v,3,"1")?"cur":"green")+'" onclick="checkSample(this,3)" id="green13"><input type="button" value="2" class="'+(checkBit(v,3,"2")?"cur":"green")+'" onclick="checkSample(this,3)" id="green23"><input type="button" value="3" class="'+(checkBit(v,3,"3")?"cur":"green")+'" onclick="checkSample(this,3)" id="green33"><input type="button" value="4" class="'+(checkBit(v,3,"4")?"cur":"green")+'" onclick="checkSample(this,3)" id="green43"><input type="button" value="5" class="'+(checkBit(v,3,"5")?"cur":"green")+'" onclick="checkSample(this,3)" id="green53"><input type="button" value="6" class="'+(checkBit(v,3,"6")?"cur":"green")+'" onclick="checkSample(this,3)" id="green63"><input type="button" value="7" class="'+(checkBit(v,3,"7")?"cur":"green")+'" onclick="checkSample(this,3)" id="green73"><input type="button" value="8" class="'+(checkBit(v,3,"8")?"cur":"green")+'" onclick="checkSample(this,3)" id="green83"><input type="button" value="9" class="'+(checkBit(v,3,"9")?"cur":"green")+'" onclick="checkSample(this,3)" id="green93"><input type="button" value="a" class="'+(checkBit(v,3,"a")?"cur":"green")+'" onclick="checkSample(this,3)" id="greena3"><input type="button" value="b" class="'+(checkBit(v,3,"b")?"cur":"green")+'" onclick="checkSample(this,3)" id="greenb3"><input type="button" value="c" class="'+(checkBit(v,3,"c")?"cur":"green")+'" onclick="checkSample(this,3)" id="greenc3"><input type="button" value="d" class="'+(checkBit(v,3,"d")?"cur":"green")+'" onclick="checkSample(this,3)" id="greend3"><input type="button" value="e" class="'+(checkBit(v,3,"e")?"cur":"green")+'" onclick="checkSample(this,3)" id="greene3"><input type="button" value="f" class="'+(checkBit(v,3,"f")?"cur":"green")+'" onclick="checkSample(this,3)" id="greenf3"><br /><input type="button" value="0" class="'+(checkBit(v,4,"0")?"cur":"green")+'" onclick="checkSample(this,4)" id="green04"><input type="button" value="1" class="'+(checkBit(v,4,"1")?"cur":"green")+'" onclick="checkSample(this,4)" id="green14"><input type="button" value="2" class="'+(checkBit(v,4,"2")?"cur":"green")+'" onclick="checkSample(this,4)" id="green24"><input type="button" value="3" class="'+(checkBit(v,4,"3")?"cur":"green")+'" onclick="checkSample(this,4)" id="green34"><input type="button" value="4" class="'+(checkBit(v,4,"4")?"cur":"green")+'" onclick="checkSample(this,4)" id="green44"><input type="button" value="5" class="'+(checkBit(v,4,"5")?"cur":"green")+'" onclick="checkSample(this,4)" id="green54"><input type="button" value="6" class="'+(checkBit(v,4,"6")?"cur":"green")+'" onclick="checkSample(this,4)" id="green64"><input type="button" value="7" class="'+(checkBit(v,4,"7")?"cur":"green")+'" onclick="checkSample(this,4)" id="green74"><input type="button" value="8" class="'+(checkBit(v,4,"8")?"cur":"green")+'" onclick="checkSample(this,4)" id="green84"><input type="button" value="9" class="'+(checkBit(v,4,"9")?"cur":"green")+'" onclick="checkSample(this,4)" id="green94"><input type="button" value="a" class="'+(checkBit(v,4,"a")?"cur":"green")+'" onclick="checkSample(this,4)" id="greena4"><input type="button" value="b" class="'+(checkBit(v,4,"b")?"cur":"green")+'" onclick="checkSample(this,4)" id="greenb4"><input type="button" value="c" class="'+(checkBit(v,4,"c")?"cur":"green")+'" onclick="checkSample(this,4)" id="greenc4"><input type="button" value="d" class="'+(checkBit(v,4,"d")?"cur":"green")+'" onclick="checkSample(this,4)" id="greend4"><input type="button" value="e" class="'+(checkBit(v,4,"e")?"cur":"green")+'" onclick="checkSample(this,4)" id="greene4"><input type="button" value="f" class="'+(checkBit(v,4,"f")?"cur":"green")+'" onclick="checkSample(this,4)" id="greenf4"></td></tr><tr><td align="center"><input type="text" class="num" size="7" onfocus="this.blur()" id="color" value="'+v+'"></td><td><input type="button" value="0" class="'+(checkBit(v,5,"0")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue05"><input type="button" value="1" class="'+(checkBit(v,5,"1")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue15"><input type="button" value="2" class="'+(checkBit(v,5,"2")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue25"><input type="button" value="3" class="'+(checkBit(v,5,"3")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue35"><input type="button" value="4" class="'+(checkBit(v,5,"4")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue45"><input type="button" value="5" class="'+(checkBit(v,5,"5")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue55"><input type="button" value="6" class="'+(checkBit(v,5,"6")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue65"><input type="button" value="7" class="'+(checkBit(v,5,"7")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue75"><input type="button" value="8" class="'+(checkBit(v,5,"8")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue85"><input type="button" value="9" class="'+(checkBit(v,5,"9")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blue95"><input type="button" value="a" class="'+(checkBit(v,5,"a")?"cur":"blue")+'" onclick="checkSample(this,5)" id="bluea5"><input type="button" value="b" class="'+(checkBit(v,5,"b")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blueb5"><input type="button" value="c" class="'+(checkBit(v,5,"c")?"cur":"blue")+'" onclick="checkSample(this,5)" id="bluec5"><input type="button" value="d" class="'+(checkBit(v,5,"d")?"cur":"blue")+'" onclick="checkSample(this,5)" id="blued5"><input type="button" value="e" class="'+(checkBit(v,5,"e")?"cur":"blue")+'" onclick="checkSample(this,5)" id="bluee5"><input type="button" value="f" class="'+(checkBit(v,5,"f")?"cur":"blue")+'" onclick="checkSample(this,5)" id="bluef5"><br /><input type="button" value="0" class="'+(checkBit(v,6,"0")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue06"><input type="button" value="1" class="'+(checkBit(v,6,"1")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue16"><input type="button" value="2" class="'+(checkBit(v,6,"2")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue26"><input type="button" value="3" class="'+(checkBit(v,6,"3")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue36"><input type="button" value="4" class="'+(checkBit(v,6,"4")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue46"><input type="button" value="5" class="'+(checkBit(v,6,"5")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue56"><input type="button" value="6" class="'+(checkBit(v,6,"6")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue66"><input type="button" value="7" class="'+(checkBit(v,6,"7")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue76"><input type="button" value="8" class="'+(checkBit(v,6,"8")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue86"><input type="button" value="9" class="'+(checkBit(v,6,"9")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blue96"><input type="button" value="a" class="'+(checkBit(v,6,"a")?"cur":"blue")+'" onclick="checkSample(this,6)" id="bluea6"><input type="button" value="b" class="'+(checkBit(v,6,"b")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blueb6"><input type="button" value="c" class="'+(checkBit(v,6,"c")?"cur":"blue")+'" onclick="checkSample(this,6)" id="bluec6"><input type="button" value="d" class="'+(checkBit(v,6,"d")?"cur":"blue")+'" onclick="checkSample(this,6)" id="blued6"><input type="button" value="e" class="'+(checkBit(v,6,"e")?"cur":"blue")+'" onclick="checkSample(this,6)" id="bluee6"><input type="button" value="f" class="'+(checkBit(v,6,"f")?"cur":"blue")+'" onclick="checkSample(this,6)" id="bluef6"></td></tr><tr><td colspan="3" align="center"><input class="submit" type="button" value="Change" onclick="setColor()">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel" onclick="hideForm2()"></td></tr></table></td></tr></table></form>';
}

function styleForm(content) {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center"><div class="tab">Menu Styles</div></td></tr><tr><td><textarea class="text" cols="120" rows="10"="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 padForm() {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">Pad Style</div></td></tr><tr><td align="right">&nbsp;Padding Width:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.sWidth+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Padding Height:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.sHeight+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Pad Color:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.sColor+'">&nbsp;'+selectIt("Color","Pad Color",2)+'</td></tr><tr><td align="right">&nbsp;Border Size:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.bSize+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Border Style:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.bStyle+'">&nbsp;'+selectIt("Border","Border Style",5)+'</td></tr><tr><td align="right">&nbsp;Border Color:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.bColor+'">&nbsp;'+selectIt("Color","Border Color",7)+'</td></tr><tr><td align="right">&nbsp;Pad Offset X:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.dx+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Pad Offset Y:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sPad.dy+'">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Change" onclick="setNewPad(this.form.elements[0].value,this.form.elements[1].value,this.form.elements[2].value,this.form.elements[4].value,this.form.elements[5].value,this.form.elements[7].value,this.form.elements[9].value,this.form.elements[10].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel" onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function itemForm() {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">Item Style</div></td></tr><tr><td align="right">&nbsp;Item Width:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.iWidth+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Padding Width:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.pWidth+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Padding Height:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.pHeight+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Border Size:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.bSize+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Border Style(Normal):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.bStyleN+'">&nbsp;'+selectIt("Border","Border Style(Normal)",4)+'</td></tr><tr><td align="right">&nbsp;Border Style(Highlighted):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.bStyleH+'">&nbsp;'+selectIt("Border","Border Style(Highlighted)",6)+'</td></tr><tr><td align="right">&nbsp;Border Color(Normal):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.bColorN+'">&nbsp;'+selectIt("Color","Border Color(Normal)",8)+'</td></tr><tr><td align="right">&nbsp;Border Color(Highlighted):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.bColorH+'">&nbsp;'+selectIt("Color","Border Color(Highlighted)",10)+'</td></tr><tr><td align="right">&nbsp;Item Color(Normal):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.iColorN+'">&nbsp;'+selectIt("Color","Item Color(Normal)",12)+'</td></tr><tr><td align="right">&nbsp;Item Color(Highlighted):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.iColorH+'">&nbsp;'+selectIt("Color","Item Color(Highlighted)",14)+'</td></tr><tr><td align="right">&nbsp;Sub-Menu Trigger:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.iMethod+'">&nbsp;'+selectIt("Action","Sub-Menu Trigger",16)+'</td></tr><tr><td align="right">&nbsp;Item Distance:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sItem.dis+'">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Change" onclick="setNewItem(this.form.elements[0].value,this.form.elements[1].value,this.form.elements[2].value,this.form.elements[3].value,this.form.elements[4].value,this.form.elements[6].value,this.form.elements[8].value,this.form.elements[10].value,this.form.elements[12].value,this.form.elements[14].value,this.form.elements[16].value,this.form.elements[18].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel" onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function fontForm() {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">Font Style</div></td></tr><tr><td align="right">&nbsp;Font Type:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fFamily+'">&nbsp;'+selectIt("Font","Font Type",0)+'</td></tr><tr><td align="right">&nbsp;Font Size:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fSize+'">&nbsp;</td></tr><tr><td align="right">&nbsp;Font Weight:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fWeight+'">&nbsp;'+selectIt("Weight","Font Weight",3)+'</td></tr><tr><td align="right">&nbsp;Font Style:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fStyle+'">&nbsp;'+selectIt("Style","Font Style",5)+'</td></tr><tr><td align="right">&nbsp;Font Color(Normal):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fColorN+'">&nbsp;'+selectIt("Color","Font Color(Normal)",7)+'</td></tr><tr><td align="right">&nbsp;Font Color(Highlighted):&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fColorH+'">&nbsp;'+selectIt("Color","Font Color(Highlighted)",9)+'</td></tr><tr><td align="right">&nbsp;Font Alignment:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sFont.fAlign+'">&nbsp;'+selectIt("Align","Font Alignment",11)+'</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Change" onclick="setNewFont(this.form.elements[0].value,this.form.elements[2].value,this.form.elements[3].value,this.form.elements[5].value,this.form.elements[7].value,this.form.elements[9].value,this.form.elements[11].value)">&nbsp;&nbsp;<input class="submit" type="button" value="Cancel" onclick="hideForm()"></td></tr></table></td></tr></table></form>';
}

function separatorForm() {
  return '<form action=""><table cellspacing="0" cellpadding="3" bgcolor="#99cccc" class="box"><tr><td><table cellpadding="0" cellspacing="2" border="0"><tr><td align="center" colspan="2"><div class="tab">Separator Style</div></td></tr><tr><td align="right">&nbsp;Separator Style:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sSeparator.sStyle+'">&nbsp;'+selectIt("Border","Separator Style",0)+'</td></tr><tr><td align="right">&nbsp;Separator Color:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sSeparator.sColor+'">&nbsp;'+selectIt("Color","Separator Color",2)+'</td></tr><tr><td align="right">&nbsp;Separator Size:&nbsp;</td><td><input class="text" type="text" size="20" value="'+yx_sMenus[0].sSeparator.sSize+'">&nbsp;</td></tr><tr><td align="center" colspan="2"><input class="submit" type="button" value="Change" onclick="setNewSeparator(this.form.elements[0].value,this.form.elements[2].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 showPad() {
  inputBox.innerHTML=padForm();
  yx_showLayer(inputBox);
}

function showItem() {
  inputBox.innerHTML=itemForm();
  yx_showLayer(inputBox);
}

function showFont() {
  inputBox.innerHTML=fontForm();
  yx_showLayer(inputBox);
}

function showSeparator() {
  inputBox.innerHTML=separatorForm();
  yx_showLayer(inputBox);
}

function _clearMenu(menu) {
  for (var i=0; i<menu.itemL; i++) {
    menu.items[i].item=null; menu.items[i].cover=null;
    if ((menu.items[i].content.type==yx_M || menu.items[i].content.type==yx_iM) && menu.items[i].menu.ready) {
      _clearMenu(menu.items[i].menu);
    }
  }
  menu.pad=null; menu.holder=null;
}

function clearMenu(menu) {
  for (var i=0; i<menu.itemL; i++) {
    menu.items[i].item.innerHTML="";
    menu.items[i].item.outerHTML="";
    menu.items[i].item=null;
    if (menu.items[i].cover!=null) {
      menu.items[i].cover.innerHTML="";
      menu.items[i].cover.outerHTML="";
      menu.items[i].cover=null;
    }
    if ((menu.items[i].content.type==yx_M || menu.items[i].content.type==yx_iM) && menu.items[i].menu.ready) {
      _clearMenu(menu.items[i].menu);
    }
  }
  menu.pad.innerHTML="";
  menu.pad.outerHTML="";
  menu.pad=null;

  menu.holder.innerHTML="";
  menu.holder.outerHTML="";
  menu.holder=null;
}

function clearIns() {
  clearMenu(yxIns[1].menu);
}

function getNewIns() {
  hideMenuX("yxStyle");
  clearIns();

  var content=yx_findContent("yxStyle");
  yxIns[1]=new yx_insOBJ("yxStyle", content.menu, "static", "absolute", "", "", "left", "top", 360, 20, "pad", "right-down", "show", "", "", "sticky");
  yxIns[1].showIns();
}

function setNewPad(s_width,s_height,s_color,b_size,b_style,b_color,p_dx,p_dy) {
  hideForm()
  yx_sMenus[0].sPad=new yx_sPadOBJ("",parseInt(s_width),parseInt(s_height),s_color,parseInt(b_size),b_style,b_color,parseInt(p_dx),parseInt(p_dy));
  getNewIns();
}

function setNewItem(i_width,p_width,p_height,b_size,b_style_N,b_style_H,b_color_N,b_color_H,i_color_N,i_color_H,i_method,si_dis) {
  hideForm()
  yx_sMenus[0].sItem=new yx_sItemOBJ("",parseInt(i_width),parseInt(p_width),parseInt(p_height),parseInt(b_size),b_style_N,b_style_H,b_color_N,b_color_H,i_color_N,i_color_H,i_method,parseInt(si_dis));
  getNewIns();
}

function setNewFont(f_family,f_size,f_weight,f_style,f_color_N,f_color_H,f_align) {
  hideForm()
  yx_sMenus[0].sFont=new yx_sFontOBJ("",f_family,parseInt(f_size),f_weight,f_style,f_color_N,f_color_H,f_align);
  getNewIns();
}

function setNewSeparator(style,color,size) {
  hideForm()
  yx_sMenus[0].sSeparator=new yx_sSeparatorOBJ("",style,color,parseInt(size));
  getNewIns();
}

function showStyle() {
  var sPad=yx_sMenus[0].sPad, sItem=yx_sMenus[0].sItem, sFont=yx_sMenus[0].sFont, sTag=yx_sMenus[0].sTag, sSep=yx_sMenus[0].sSeparator;

  var content='addStylePad("padStyle", '+sPad.sWidth+', '+sPad.sHeight+', "'+sPad.sColor+'", '+sPad.bSize+', "'+sPad.bStyle+'", "'+sPad.bColor+'", '+sPad.dx+', '+sPad.dy+');'+"\n";
  content+='addStyleItem("itemStyle", '+sItem.iWidth+', '+sItem.pWidth+', '+sItem.pHeight+', '+sItem.bSize+', "'+sItem.bStyleN+'", "'+sItem.bStyleH+'", "'+sItem.bColorN+'", "'+sItem.bColorH+'", "'+sItem.iColorN+'", "'+sItem.iColorH+'", "'+sItem.iMethod+'", '+sItem.dis+');'+"\n";
  content+='addStyleFont("fontStyle", "'+sFont.fFamily+'", '+sFont.fSize+', "'+sFont.fWeight+'", "'+sFont.fStyle+'", "'+sFont.fColorN+'", "'+sFont.fColorH+'", "'+sFont.fAlign+'");'+"\n";
  // content+='addStyleTag();'+"\n";
  content+="// using default tag style\n";
  content+='addStyleSeparator("separatorStyle", "'+sSep.sStyle+'", "'+sSep.sColor+'", '+sSep.sSize+');'+"\n\n";
  content+='// addStyleMenu("menuStyle", "padStyle", "itemStyle", "fontStyle", "", "separatorStyle");'+"\n";
  content+='// addStyleGroup("groupStyle", "menuStyle", "menu name", "sub-menu name", ...);'+"\n";

  inputBox.innerHTML=styleForm(content);
  yx_showLayer(inputBox);
}

function checkSample(item,idx) {
  var sample=yx_findLayer("sample");
  var color=yx_findLayer("color");
  var cc=color.value;

  var prep=yx_findLayer(colorTitles[idx-1]+cc.charAt(idx)+idx+"");
  prep.style.backgroundColor=colors[idx-1];
  item.style.backgroundColor="#ffffff";
  item.blur();

  cc=cc.substring(0,idx)+item.value+cc.substring(idx+1);
  sample.style.backgroundColor=cc;
  color.value=cc;
}

function setColor() {
  var color=yx_findLayer("color");
  curItem.value=color.value;
  hideForm2();
}

function checkBit(v,idx,but) {
  return (v.substring(idx,idx+1)==but);
}