BLANK_IMAGE="../img/b.gif";
//keywords
var code="code";var url="url";var sub="sub";
//styles
var color = {"border":"#666666", "shadow":"#1f4f02", "bgON":"white","bgOVER":"#1f4f02"};
var top_css = {"ON":"clsCMTopOn", "OVER":"clsCMTopOver"};
var level1_css = {"ON":"clsCMLevel1On", "OVER":"clsCMLevel1Over"};
var level2_css = {"ON":"clsCMLevel2On", "OVER":"clsCMLevel2Over"};
var level3_css = {"ON":"clsCMLevel3On", "OVER":"clsCMLevel3Over"};
var STYLE = {"border":1, "shadow":2, "color":color, "css":top_css};
var STYLE1 = {"border":1, "shadow":2, "color":color, "css":level1_css};
var STYLE2 = {"border":1, "shadow":2, "color":color, "css":level2_css};
var STYLE3 = {"border":1, "shadow":2, "color":color, "css":level3_css};

var background1_color = {"border":"#1f4f02", "shadow":"#DBD8D1", "bgON":"#E08080","bgOVER":"#FFC0C0"};
var background2_color = {"border":"#666666", "shadow":"#DBD8D1", "bgON":"#80E080","bgOVER":"#C0FFC0"};
var background3_color = {"border":"#666666", "shadow":"#DBD8D1", "bgON":"#8080E0","bgOVER":"#C0C0F0"};
var background4_color = {"border":"#666666", "shadow":"#DBD8D1", "bgON":"#E0E080","bgOVER":"#FFFFC0"};
var STYLE_BACKGROUND1 = {"border":1, "shadow":2, "color":background1_color, "css":top_css};
var STYLE_BACKGROUND2 = {"border":1, "shadow":2, "color":background2_color, "css":top_css};
var STYLE_BACKGROUND3 = {"border":1, "shadow":2, "color":background3_color, "css":top_css};
var STYLE_BACKGROUND4 = {"border":1, "shadow":2, "color":background4_color, "css":top_css};

var background1_css = {"ON":"clsCMBackground1On", "OVER":"clsCMBackground1Over"};
var background2_css = {"ON":"clsCMBackground2On", "OVER":"clsCMBackground2Over"};
var background3_css = {"ON":"clsCMBackground3On", "OVER":"clsCMBackground3Over"};
var background4_css = {"ON":"clsCMBackground4On", "OVER":"clsCMBackground4Over"};
var STYLE_BACKGROUND2_1 = {"border":1, "shadow":2, "color":color, "css":background1_css};
var STYLE_BACKGROUND2_2 = {"border":1, "shadow":2, "color":color, "css":background2_css};
var STYLE_BACKGROUND2_3 = {"border":1, "shadow":2, "color":color, "css":background3_css};
var STYLE_BACKGROUND2_4 = {"border":1, "shadow":2, "color":color, "css":background4_css};
//items and formats
var MENU_ITEMS_STYLING =
[
	{"pos":[10,10], "itemoff":[0,89], "leveloff":[21,0], "style":STYLE, "size":[22,90]},
	{code:"Styles",
		sub:[
			{"style":STYLE1, "itemoff":[21,0]},
			{code:"SubItem 1",
				sub:[
					{"style":STYLE2, "leveloff":[10,79]},
					{code:"SubItem 2",
						sub:[
							{"style":STYLE3},
							{code:"SubItem 3"},
							{code:"SubItem 4"}
						]
					},
					{code:"SubItem 5",
						sub:[
							{"style":STYLE3},
							{code:"SubItem 6"},
							{code:"SubItem 7"}
						]
					}
				]
			},
			{code:"SubItem 8",
				sub:[
					{"style":STYLE2, "leveloff":[10,79]},
					{code:"SubItem 9",
						sub:[
							{"style":STYLE3},
							{code:"SubItem A"},
							{code:"SubItem B"}
						]
					},
					{code:"SubItem C",
						sub:[
							{"style":STYLE3},
							{code:"SubItem D"},
							{code:"SubItem E"}
						]
					}
				]
			}
		]
	},
	{code:"Backgrounds", "format":{"leveloff":[21,0]},
		sub:[
			{"itemoff":[21,0]},
			{code:"SubItem 1", "format":{"style":STYLE_BACKGROUND1}},
			{code:"SubItem 2", "format":{"style":STYLE_BACKGROUND2}},
			{code:"SubItem 3", "format":{"style":STYLE_BACKGROUND3}},
			{code:"SubItem 4", "format":{"style":STYLE_BACKGROUND4}}
		]
	},
	{code:"Backgrounds 2", "format":{"leveloff":[21,0]},
		sub:[
			{"itemoff":[21,0]},
			{code:"SubItem 1", "format":{"style":STYLE_BACKGROUND2_1}},
			{code:"SubItem 2", "format":{"style":STYLE_BACKGROUND2_2}},
			{code:"SubItem 3", "format":{"style":STYLE_BACKGROUND2_3}},
			{code:"SubItem 4", "format":{"style":STYLE_BACKGROUND2_4}}
		]
	}
];