/* --- geometry and timing of the menu --- */
var MENU_POS_STAT = new Array();
	// item sizes for different levels of menu
	MENU_POS_STAT['height'] = [16, 20, 20];
	MENU_POS_STAT['width'] = [77, 110, 110];
	// 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_STAT['block_top'] = [22, 22, 0];
	
	//MENU_POS_STAT['block_left'] = [200, 0, 171];
	MENU_POS_STAT['block_left'] = [screen.width-550, 0, 171];
	// offsets between items of the same level
	MENU_POS_STAT['top'] = [0, 21, 20];
	MENU_POS_STAT['left'] = [91, 0, 0];
	// time in milliseconds before menu is hidden after cursor has gone out
	// of any items
	MENU_POS_STAT['hide_delay'] = [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_STYLES_STAT = new Array();
	// default item state when it is visible but doesn't have mouse over
	//MENU_STYLES2['onmouseout'] = [
	//	'color', ['#330066', '#330066', '#330066'], 
	//	'background', ['#B1A3C0', '#B1A3C0', '#B1A3C0'],
	//	'borderColor', ['white', 'white', 'white'],
	//];
	
		MENU_STYLES_STAT['onmouseout'] = [
		'color', ['#4A587B', '#4A587B', '#4A587B'], 
		'background', ['white', 'white', 'white'],
		'borderColor', ['white', 'white', 'white'],
	];
	
	// state when item has mouse over it
	MENU_STYLES_STAT['onmouseover'] = [
		'color', ['maroon', 'maroon', 'maroon'], 
		'background', ['white', 'white', 'white'],
		'borderColor', ['#A5B3D0', '#A5B3D0', '#A5B3D0'],
		'cursor', ['hand', 'hand', 'hand'],
	];
	MENU_STYLES_STAT['onmousedown'] = [
		'color', ['white', 'white', 'white'], 
		'background', ['#4A587B', '#4A587B', '#4A587B'],
		'borderColor', ['#A5B3D0', '#A5B3D0', '#A5B3D0'],
	];
	
