// iterate through main menu and create new div objects containing a red bar
// and a red dot
function initBommel(show) {


	for (var k = 2; k <= document.getElementById('mainMenu').childNodes.length; k++) {

		var obj = document.getElementById('mainMenu').childNodes[k];
		// if obj has id, it is a menu item
		if (obj && obj.id) {
			// guess the menuname
			var menuname = 'm' + obj.id.substr(5);

			var menuobj = document.getElementById(menuname);
			if (!menuobj) continue;

			// we need a div tag 
			var div = document.createElement('div');
			div.id = 'redBar' + menuname;
			div.style.width = '1px';
			div.style.backgroundColor = '#ff0000';
			div.style.position = 'absolute';
			div.style.zIndex = 22;

			div.style.left = getPageOffsetLeft(obj) + 10 + 'px';
			div.style.top = getPageOffsetTop(obj) + obj.offsetHeight + 'px';

			if (! show) {
				div.style.visibility = 'hidden';
			}


			// figure out height of the div
			// (height of the div - half the height of the last menu item)


				div.style.height = menuobj.offsetHeight - (menuobj.childNodes[menuobj.childNodes.length - 2].offsetHeight * 0.5) + 'px';

			document.getElementsByTagName('body')[0].appendChild(div);

			// create the bommel
			var bommel = document.createElement('div');
			bommel.id = 'bommel' + menuname;
			bommel.style.width = '9px';
			bommel.style.height = '9px';
			bommel.style.position = 'absolute';
			bommel.style.zIndex = 25;
			bommel.defaultPositionX = parseInt(div.style.left) + parseInt(div.style.width) - parseInt(bommel.style.width) / 2;
			bommel.defaultShow = show;

			if (bommel.defaultShow) {
				bommel.style.visibility = 'visible';
			} else {
				bommel.style.visibility = 'hidden';
			}

			// if mozilla browser, move bommel 1px to left
			if (browser.isNS) {
				bommel.defaultPositionX -= 1;
			}

			bommel.defaultPositionY = parseInt(div.style.top) + parseInt(div.offsetHeight) - parseInt(bommel.style.height) / 2;
			//bommel.style.backgroundColor = '#ff0000';
			bommel.style.backgroundImage = 'url(../img/bommel.gif)';
			bommel.style.backgroundRepeat = 'no-repeat';
			bommel.style.left = bommel.defaultPositionX + 'px';
			bommel.style.top = bommel.defaultPositionY + 'px';

			document.getElementsByTagName('body')[0].appendChild(bommel);

		}
	}
}

// moves the bommel to the position of the object
function bommelMove(obj) {

	var div = obj.parentNode;
	var bommel = document.getElementById('bommel' + div.id);

	if (bommel) {
		bommel.style.top = getPageOffsetTop(obj) + (parseInt(obj.offsetHeight) - parseInt(bommel.style.height)) / 2 + 'px';
	}
}

function resetBommel(id) {
	var name = id.substr(5)
		var bommel = document.getElementById('bommelm' + name);

	if (bommel) {
		bommel.style.top = bommel.defaultPositionY + 'px';
	}

	if (!bommel.defaultShow) {
		bommel.style.visibility = 'hidden';
		document.getElementById('redBarm' + name).style.visibility = 'hidden';
	}
		
}

// displays the bommel and the red bar
function showBommel(id) {
	document.getElementById('bommel' + id).style.visibility = 'visible';
	document.getElementById('redBar' + id).style.visibility = 'visible';
}