DHTML Lab: HierMenus CENTRAL: Version 5 Setup - Step 4

1. Every menu is defined by an array.
2. Menu trees are defined by a group of menu arrays that follow a naming convention.
3. All menu arrays, whether top-level or child menus, begin with an element that contains customization parameters specific to that menu or menu tree. At this time, only top level menus have parameters that can be used within this element; the child menu customization element is blank (and is reserved for possible future child-menu specific enhancements). The customization element for top-level menus can optionally contain 23 configuration parameters, separated by commas.
4. Menu item elements, which follow the customization element in both top level and child menus, contain 5 parameters, separated by commas.
5. Each element (i.e., collection of parameters between square brackets, [...]) must be followed by a comma except the final element of each menu, which must not be followed by a comma.

HM_Array1 = [
[100,                          // menu_width
"HM_f_CenterMenu('HM_Menu1')", // left_position
90,                            // top_position
"red",                         // font_color
"yellow",                      // mouseover_font_color
"yellow",                      // background_color
"black",                       // mouseover_background_color
"blue",                        // border_color
"green",                       // separator_color
1,                             // top_is_permanent
1,                             // top_is_horizontal
0,                             // tree_is_horizontal
1,                             // position_under
1,                             // top_more_images_visible
1,                             // tree_more_images_visible
"null",                        // evaluate_upon_tree_show
"null",                        // evaluate_upon_tree_hide
,                              // right_to_left
1,                             // display_on_click
true,                          // top_is_variable_width
false,                         // tree_is_variable_width
true,                          // top_keep_in_window_x
true],                         // top_keep_in_window_y
["Experts","/experts/",1,0,1],
["Contents","/index2.html",1,0,0],
["Services","/index2.html",1,0,0],
["About","https://webref.com/about.html",1,0,0]
]
HM_Array1_1 = [
[],
["3-D Animation","/3d/",1,0,0],
["Design","/dlab/",1,0,0],
["HTML","https://webref.com/html/",1,0,0],
["JavaScript","/js/",1,0,0],
["Graphics","/graphics/",1,0,0],
["DHTML","/dhtml/",1,0,1],
["Perl","/perl/",1,0,0],
["XML","https://webref.com/xml/",1,0,0]
]
HM_Array1_1_6 = [
[],
["Diner","/dhtml/diner/",1,0,0],
["Dynomat","https://webref.com/dhtml/dynomat/",1,0,0],
["Links","/dhtml/links/",1,0,0]
]

HM_Array2 = [
[120,      // menu width
200,       // left_position
300,       // top_position
"black",   // font_color
"white",   // mouseover_font_color
"white",   // background_color
"black",   // mouseover_background_color
"black",   // border_color
"gray",    // separator_color
0,         // top_is_permanent
0,         // top_is_horizontal
0,         // tree_is_horizontal
1,         // position_under
1,         // top_more_images_visible
1,         // tree_more_images_visible
"null",    // evaluate_upon_tree_show
"null",    // evaluate_upon_tree_hide
,          // right_to_left
,          // display_on_click
0,         // top_is_variable_width
0,         // tree_is_variable_width
1,         // top_keep_in_window_x
1],        // top_keep_in_window_y
["Experts","/experts/",1,0,1],
["Contents","/index2.html",1,0,1],
["Services","/index2.html",1,0,0],
["About","/about.html",1,0,0]
]
HM_Array2_1 = [
[],
["3-D Animation","/3d/",1,0,0],
["Design","/dlab/",1,0,0],
["HTML","/html/",1,0,0],
["JavaScript","/js/",1,0,0],
]
HM_o_RolloverImages = {
   img2_2_1:"/art/item221on.gif",
   img2_2_2:"/art/item222on.gif",
   img2_2_3:"/art/item223on.gif",
   img2_2_4:"/art/item224on.gif"
}
HM_Array2_2 = [
[],
["<img name='img2_2_1' id='img2_2_1' 
     src='/art/item221off.gif' height='16' 
     width='40' />","/3d/",1,0,0],
["<img name='img2_2_2' id='img2_2_2' 
     src='/art/item222off.gif' height='16' 
     width='40' />","/dlab/",1,0,0],
["<img name='img2_2_3' id='img2_2_3' 
     src='/art/item223off.gif' height='16' 
     width='40' />","/html/",1,0,0],
["<img name='img2_2_4' id='img2_2_4' 
     src='/art/item224off.gif' height='16' 
     width='40' />","/js/",1,0,0]
]