Then you need to build your menu. It basically is a <TABLE> with nested tables inside for submenus.
The easiest way is to copy the code on this page and then edit the menu but if you wan't to build it from scratch here is what you do:

The menu id is for defining the menu and this include catching of mouse events inside the menu
The menubar is for the menubar sa that it won't be treated as a menuitem (more about this later)
The root is for defining that this is a button that opens a menu (the root td contains another table...)

The menus

Now you need to create your menu. All menus are tables that has the class="menu". Inside the menu-table
all table rows (TR) are treated as individual menu items

The href in the <TR> is the default action/location that is executed when you click the menu item.
remember that yo can use href="javascript:foo()" to execute a function. The style="visibility: hidden" is needed
so that the menus are hidden until you show them. You can also add the attribute target to open the
link in another window. If no target is present it takes the target from the <BASE> tag in the head. If no base tag is
available the link will open in current window.

The subs

To create a submenu you create a menu item (<tr>) that has the class="sub" and inside the last
<td> you add a new menu (<table class="menu">). Here is an example:

If you want to use the arrow that indicates the sub you should include the <span class="more">4</span>

Docking

If you don't want a moveable menubar you could just remove the handle from the menubar

But if you wan't a moveable menubar you need to enclose your content with a div called outerDiv and you should call the function
fixSize() directly after the the table that defines your menu. Include this directly after your closing table tag:

You should also include a closing div directly before the end of the body (</body>). To make it blend
with the IE4 toolbar you should remove the border from the body. This is done by adding style="border: 0" in the
body tag. You should also remove the scrollbar of the body because the outerDiv div has a toolbar. This is done by adding
scroll="no" to the body tag

Glueing it all together

The best way to see how you get everything to work is to see the source code for this page or the simplified
demo page. The side image that I've used in the menu is added by an extra column (TD)
in front of the others that has colspan=99 (some value bigger than or equal than the number of menui tems in the
menu. It has the picture as the background

Note that the animation has been moved to seperate files for ease of use. For the menu to work you need
only the menu.js file but if you want any of the animations you need to include on as well. If you include
both the fade verion has higher priority

This sample uses the FileSystemObject (marked as unsafe because it allows the script to do read files from
the users hard drive. It first looks up your name of your favorite folder and then it loops over all files and
folders and generates HTML for this menu