function findPosition( element ) {
  if( element.offsetParent ) {
    for( var posX = 0, posY = 0; element; element = element.offsetParent ) {
      posX += element.offsetLeft;
      posY += element.offsetTop;
    }
    return [ posX, posY ];
  } else {
    return [ element.x, element.y];
  }
}

var menubarHeight = document.getElementById("menubar").offsetHeight;
var menubarWidth = 780 / 5;
var menubarTop = findPosition(document.getElementById("menubar"))[1];
var menubarLeft = findPosition(document.getElementById("menubar"))[0];
if (navigator.appName.indexOf("Microsoft") < 0) {
  menubarLeft += 1;
}
/*
  --- menu level scope settins structure --- 
  note that this structure has changed its format since previous version.
  Now this structure has the same layout as Tigra Menu GOLD.
  Format description can be found in product documentation.
*/
var MENU_POS = [
{
	// item sizes
	'height': menubarHeight,
	'width': menubarWidth,
	// 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': menubarTop,
	'block_left': menubarLeft,
	// offsets between items of the same level
	'top': 0,
	'left': menubarWidth,
	//'left': 201,
	// time in milliseconds before menu is hidden after cursor has gone out
	// of any items
	'hide_delay': 100,
	'expd_delay': 100,
	'css' : {
		'outer': ['m0l0oout', 'm0l0oover'],
		'inner': ['m0l0iout', 'm0l0iover']
	}
},
{
	'height': menubarHeight,
	'width': menubarWidth * 1.5,
	'block_top': menubarHeight,
	'block_left': 0,
	'top': menubarHeight,
	'left': 0,
	'css': {
		'outer' : ['m0l1oout', 'm0l1oover'],
		'inner' : ['m0l1iout', 'm0l1iover']
	}
},
{
	'height': menubarHeight,
	'width': menubarWidth * 1.5, 
	'block_top': menubarHeight * 0.5,
	'block_left': menubarWidth * 1.25 * 0.75,
	'css': {
		'outer': ['m0l2oout', 'm0l2oover'],
		'inner': ['m0l2iout', 'm0l2iover']
	}
}
]
