var MenuDef = { "type" : "bar", "style" : { "css" : "test2", "bgcolor":"#619DF5", "box" : true, "size" :[120,16], "itemoffset": { "y":0, "x":0 }, "align":"right", "direction":"h", "color":"white", "shadow":{"color":"gray", "width":3}, "border":{"color":"#003882", "width":1}, "imgendon":{"src":"img/arr_down2.gif", "width":16,"height":16}, "imgendoff":{"src":"img/arr_right2.gif", "width":16,"height":16} }, "itemover": { "css" : "test2", "bgcolor":"#CCCCCC", "align":"right", "color":"black" }, "position": { "absolute": false, "pos":[30,20] }, "defaction" : { "title" : "This is an action title" }, "items" : [ { "text":"Box Example" , "menu": { "style": { "direction": "v" }, "position" : { "menuoffset" : {"x":"-15", "y":"18"} }, "items" : [ {"text": "Item1", "menu": { "items" : [ {"text": "Item1"}, {"text": "Item2"}, {"text": "Item3"} ] } }, {"text": "Item2"}, {"text": "Item3"} ] } } ] };