/* --- geometry and timing of the menu ---
    values are the lists with parameters for different menu levels
    for this menu: [blue_level, green_level, red_level]
*/
var MENU_POS1 = {
    // item sizes for different levels of menu
    'height': [16, 16, 16, 16],
    'width': [100, 87, 87, 87],
    // 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': [140, 0, 16, 16],
    'block_left': [50, 10, 90, 90],
    // offsets between items of the same level
    'top': [19, 0, 0, 0],
    'left': [0, 90, 0, 0],
    // time in milliseconds before menu is hidden after cursor has gone out
    // of any items
    'hide_delay': [200, 200, 200, 200]
};

/* --- 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', '#000000', '#000000'],
        'background', ['transparent', '#FFFFFF', '#FFFFFF', '#FFFFFF'],
        'textDecoration', ['none', 'none', 'none', 'none'],
        'fontWeight', ['normal', 'normal', 'normal', 'normal'],
        'textAlign', ['center', 'center', 'center', 'center'],
        'borderStyle', ['solid', 'solid', 'solid', 'solid'],
        'borderWidth', ['0px', '1px', '1px', '1px'],
        'borderColor', ['#FFFFFF', '#704F01', '#704F01', '#704F01'],
    ],
    // state when item has mouse over it
    'onmouseover': [
        'color', ['#000000', '#000000', '#000000', '#000000'],
        'background', ['transparent', '#E3E3E3', '#E3E3E3', '#E3E3E3'],
        'textDecoration', ['none', 'none', 'none', 'none'],
        'textAlign', ['center', 'center', 'center', 'center'],
        'fontWeight', ['normal', 'normal', 'normal', 'normal'],
        'borderStyle', ['solid', 'solid', 'solid', 'solid'],
        'borderWidth', ['0px', '1px', '1px', '1px'],
        'borderColor', ['#FFFFFF', '#704F01', '#704F01', '#704F01'],
    ],
    // state when mouse button has been pressed on the item
    'onmousedown': [
        'color', ['#000000', '#000000', '#000000', '#000000'],
        'background', ['transparent', '#E3E3E3', '#E3E3E3', '#E3E3E3'],
        'textDecoration', ['none', 'none', 'none', 'none'],
        'textAlign', ['center', 'center', 'center', 'center'],
        'fontWeight', ['normal', 'normal', 'normal', 'normal'],
        'borderStyle', ['solid', 'solid', 'solid', 'solid'],
        'borderWidth', ['0px', '1px', '1px', '1px'],
        'borderColor', ['#FFFFFF', '#704F01', '#704F01', '#704F01'],
    ]
};