/* --- geometry and timing of the menu --- */
var MENU_POS1 = {
        // item sizes for different levels of menu
        'height': [15, 15],
        'width': [150, 140],
        // 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
        'block_top': [8, 0],
        'block_left': [30, 98],
        // offsets between items of the same level
        'top': [14, 14],
        'left': [0, 0],
        // time in milliseconds before menu is hidden after cursor has gone out
        // of any items
        'hide_delay': [300, 300]
};

/* --- 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_STYLES1 = {
        // default item state when it is visible but doesn't have mouse over
        'onmouseout': [
                'color', ['#000000', '#000000'],
                'background', ['#ffffff', '#ffffff'],
                'textDecoration', ['none', 'none'],
                'fontWeight', ['normal', 'normal'],
                'border', ['1px solid #800000', '1px solid #800000'],
        ],
        // state when item has mouse over it
        'onmouseover': [
                'color', ['#000000', '#000000'],
                'background', ['#CECECE', '#CECECE'],
                'textDecoration', ['none', 'none'],
                'fontWeight', ['bold', 'bold'],
                'border', ['1px solid #800000', '1px solid #800000'],
        ],
        // state when mouse button has been pressed on the item
        'onmousedown': [
                'color', ['#000000', '#000000'],
                'background', ['#ffffff', '#efefef'],
                'textDecoration', ['none', 'none'],
                'fontWeight', ['bold' , 'bold'],
                'border', ['1px solid #800000', '1px solid #800000'],
        ]
};