/* --- geometry and timing of the menu --- 
    values are the lists with parameters for different menu levels
    number of items in array = number of levels
*/
var MENU_POS1 = {
    // item sizes for different levels of menu
    'height': [30,21,21],
    'width': [90, 160, 160],
    // 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': [0,31,20],
    'block_left': [240,0,70],
    // offsets between items of the same level
    'top': [0,20,20],
    'left': [93, 0, 0],
    // time in milliseconds before menu is hidden after cursor has gone out
    // of any items
    'hide_delay': [400, 500, 800]
};

/* --- 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', ['#c06', '#FFFFFF', '#000000'],
        'background', ['transparent', '#c06', '#e7edd8'],
        'textDecoration', ['none', 'none', 'none'],
        'fontWeight', ['bold', 'normal', 'normal'],
    ],
    // state when item has mouse over it
    'onmouseover': [
        'color', ['#FFFFFF', '#FFFFFF', '#FFFFFF'],
        'background', ['#666699', '#666699', '#666699'],
        'textDecoration', ['none', 'none', 'none'],
        'fontWeight', ['normal', 'normal', 'normal'],
    ],
    // state when mouse button has been pressed on the item
    'onmousedown': [
        'color', ['#FFFFFF', '#FFFFFF', '#FFFFFF'],
        'background', ['#CC0066', '#CC0066', '#CC0066'],
        'textDecoration', ['underline', 'none', 'none'],
        'fontWeight', ['normal', 'normal', 'normal'],
    ]
};