/* --- geometry and timing of the menu --- */
var MENU_POS = {
 // item sizes for different levels of menu
 'width': [180, 170],
 'height': [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
 
 'block_top': [20, 20],
 'block_left': [25, 30],
 // offsets between items of the same level
 'top': [30, 20],
 'left': [0, 0],
 // time in milliseconds before menu is hidden after cursor has gone out
 // of any items
 'hide_delay': [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_STYLES = {
 // default item state when it is visible but doesn't have mouse over
 'onmouseout': [
  'color', ['#ffffff', '#000000'], 
  'background', ['#AC7D86', '#BA9AA9',],
 ],
 // state when item has mouse over it
 'onmouseover': [
  'color', ['#000000', '#ffffff'], 
  'background', ['#BA9AA9', '#AC7D86'],
 ],
 'onmousedown': [
  'color', ['#000000', '#ffffff'], 
  'background', ['#BA9AA9', '#AC7D86'],
 ]
};