In order to create a VerticalMenu, you must first create an array of menu items that will be displayed in the menu. Use:

var myMenuItems = new Array();
myMenuItems[0] = new MenuItem(<text>, <icon>, <userObject>, <subMenuItems>, <acceleratorKey>, <isSeparator>,);
myMenuItems[1] = new MenuItem(<text>, <icon>, <userObject>, <subMenuItems>, <acceleratorKey>, <isSeparator>,);
.
.
.

subMenuItems is an array of MenuItems that will appear in that MenuItem's sub-menu. If null, that menuItem will have no sub-menu. Please see the source for further details on the parameters.

Then you need a MenuStyle object. For the details on creating one, please see the source.

The menu is created quite simply by var myMenu = new VerticalMenu(myMenuStyle, myMenuItems).

The menu is positioned by myMenu.setLocation(x, y); This sets the location of the top and left corners of the menu.

To show the menu call myMenu.setVisible(true);

To register listeners for the focus, blur and activate events:

var listener = new Object();
listener.onMenuItemFocus = function(userObject) {
//Your code
}
listener.onMenuItemBlur = function(userObject) {
//Your code
} listener.onMenuItemActivate = function(userObject) {
//Your code
}

myMenu.addMenuItemFocusListener(listener);
myMenu.addMenuItemBlurListener(listener);
myMenu.addMenuItemActivateListener(listener);