// the menu definitions need to be in the body of the page.  near the bottom is better.
if (TransMenu.isSupported()) {

	//==================================================================================================
	// create a set of dropdowns
	//==================================================================================================
	// the first param should always be down, but for the vch setup is right since it's not a drop down
	// menu in the normal sense.
	//
	// The second and third param are the top and left offset positions of the menus from their actuators
	// respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
	// something like -5, 5
	//
	// The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
	// of the actuator from which to measure the offset positions above. Here we are saying we want the 
	// menu to appear at the same height, to the right of the actuator.
	//
	// since our menu's have an extra 1px pixel white divider built into the top of the menu, we specifiy -1
	// to offset by one px. 
	//==================================================================================================
	var ms = new TransMenuSet(TransMenu.direction.right, 1, 0, TransMenu.reference.topRight);
	var ms0 = new TransMenuSet(TransMenu.direction.right, 1, -55, TransMenu.reference.topRight);
	var ms1 = new TransMenuSet(TransMenu.direction.right, 1, 0, TransMenu.reference.topRight);
	var ms2 = new TransMenuSet(TransMenu.direction.right, 1, 0, TransMenu.reference.topRight);
	var ms3 = new TransMenuSet(TransMenu.direction.right, 1, 0, TransMenu.reference.topRight);
	var ms4 = new TransMenuSet(TransMenu.direction.right, 1, -37, TransMenu.reference.topRight);
}