Introduction

Use this script to create floating and non-floating horizontal and vertical menus. It was tested with the following operating systems and browsers:

Windows XP:IE 6, NN 7, Opera 7 + 9, Firefox 2
Mac OS X:IE 5, Safari 1

If you use another browser or operating system, this script may not work for you - sorry.

Usage

First, insert this line into your HTML body (not in the head section): 
<script language="JavaScript" src="menu.js"></script>
You should also put the following line on top of your HTML page: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
This is necessary to fix the CSS box model bug of Internet Explorer.

Then create a new instance of the MENU class. Choose "top" for a horizontal, or "left" for a vertical menu: 
var menu1 = new MENU("left");
Now insert your menu items (level, height, text, [URL], [target], [JavaScript]): 
menu1.entry(1, 20, "item 1",   "page1.htm");
menu1.entry(2, 15, "item 1.1", "page1-1.htm", "parent.main");
menu1.entry(2, 15, "item 1.2", "page1-2.htm", "popup");
...
level  is the horizontal position of the item within the menu structure. Example: 
- item 1            level 1
- - item 1.1        level 2
- - item 1.2        level 2
- - - item 1.2.1    level 3
- - - item 1.2.2    level 3
- - item 1.3        level 2
- item 2            level 1
height  is the item height in pixels.
text  is the item name.
URL  is the web address of for instance another page where you want the item to link to. This argument is optional.
target  can be another window (e.g. "blank", "myPopup") or, if you are using framesets, the target frame (e.g. "parent.main", "top.myFrame"). This argument is optional, but note that if you set URL without a target, the window or frame containing the menu will be the target!
JavaScript  can contain any JavaScript code that will be executed when the item is clicked. This argument is optional.

Finally, set the top and left position, adapt the configuration to your needs, and create the menu: 
menu1.mainTop = 70;
menu1.mainLeft = 10;
menu1.mainBGColor = "back.jpg";
...
menu1.create();
Please have a look at the script (configuration section) for more detailed information.

Inside your HTML code, you can also use the function jumpTo() to link menu items externally. Example: 
<a href="javascript:menu1.jumpTo(1, 3, 2, 1)">Go to menu 1 item 1.3.2.1</a>
Go to menu 1 item 1.3.2.1

Hint: You should have a look at the source code of this page to see how menus are created. ;-)