/* --- geometry and timing of the menu --- */
var MENU_POS2 = new Array();
        // item sizes for different levels of menu
        MENU_POS2['width'] = [100, 230, 130];
        MENU_POS2['height'] = [20, 20, 20];
        // menu block offset from the origin:
        //        for root level origin is upper left corner of the page
        //        for other levels origin is upper left corner of parent item
        MENU_POS2['block_top'] = [90, -90, 10];
        MENU_POS2['block_left'] = [25, 89, 100];
        // offsets between items of the same level
        MENU_POS2['top'] = [31, 21, 21];
        MENU_POS2['left'] = [0, 0, 0];
        // time in milliseconds before menu is hidden after cursor has gone out
        // of any items
        MENU_POS2['hide_delay'] = [200, 300, 400];

/* --- dynamic menu styles ---
note: you can add as many style properties as you wish but be not all browsers
are able to render them correctly. The only relatively safe properties are
'color' and 'background'.
*/
var MENU_STYLES2 = new Array();
        // default item state when it is visible but doesn't have mouse over
        MENU_STYLES2['onmouseout'] = [
                'color', ['#000000', '#000000', '#000000'],
                'background', ['none', '#C3C3d6', '#C3C3c9'],
                'fontWeight', ['normal', 'normal', 'normal'],
                 'textDecoration', ['none', 'none', 'none'],
        ];
        // state when item has mouse over it
        MENU_STYLES2['onmouseover'] = [
//                'color', ['#000000, '#000000', '#000000'],
                'background', ['#DDDDDD', '#DDDDDD', '#DDDDDD'],
        ];
        MENU_STYLES2['onmousedown'] = [
//                'color', ['#000000', '#000000', '#000000'],
                'background', ['#C3C3EB', '#5C7EBC', '#4567A7'],
        ];