/* --- geometry and timing of the menu --- */
var MENU_POS = new Array();

	// item sizes for different levels of menu
	MENU_POS['height']     = [18, 18];
	MENU_POS['width']      = [111, 195];

	// 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_POS['block_top']  = [172, 5];
	MENU_POS['block_left'] = [19, 70];

	// offsets between items of the same level
	MENU_POS['top']        = [22, 17];
	MENU_POS['left']       = [0, 0];

	// time in milliseconds before menu is hidden after cursor has gone out
	// of any items
	MENU_POS['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'.
		'background', ['#6699cc', '#6699cc'],
		'color', ['#ffffff', '#ffffff'],
*/

var MENU_STYLES = new Array();

	// default item state when it is visible but doesn't have mouse over
	MENU_STYLES['onmouseout'] = [
		'background', ['#6699cc', '#6699cc'],
		'color', ['#ffffff', '#ffffff'],
	];

	// state when item has mouse over it
	MENU_STYLES['onmouseover'] = [
		'background', ['#6699cc', '#6699cc'],
		'color', ['#FF9900', '#FF9900'],
	];

	// state when mouse button has been pressed on the item
	MENU_STYLES['onmousedown'] = [
		'background', ['#6699cc', '#6699cc'],
		'color', ['#FF9900', '#FF9900'],
	];