var menuIsOpen = false;

function openMenu(menuObj, menuId, menuLevel, prevId, e) {
	if (!menuLevel) {
		menuLevel = 0;
	}
	if (!menuLevel) {
		prevId = 'Home';
	}
	if (menuIsOpen && menuObj) {
		if(menuItem[menuId]) {
			mb = createMenuBox(menuItem[menuId],menuId,menuLevel, prevId);
			if (menuLevel == 0) {
				mb.style.left = getRealPos(menuObj,'content','x') + 'px';
				mb.style.top = getRealPos(menuObj,'content','y') + parseInt(menuObj.offsetHeight) + 6 + 'px';
			} else {
				mb.style.left = getRealPos(menuObj,'content','x') + parseInt(menuObj.offsetWidth) + 6 + 'px';
				mb.style.top = getRealPos(menuObj,'content','y') + 'px';
			}
			menuLevel++;
			document.getElementById('content').appendChild(mb);
		} else {
			mb = createMenuBox(new Array(),menuId,menuLevel, prevId);
			if (menuLevel == 0) {
				mb.style.left = getRealPos(menuObj,'content','x') + 'px';
				mb.style.top = getRealPos(menuObj,'content','y') + parseInt(menuObj.offsetHeight) + 6 + 'px';
			} else {
				mb.style.left = getRealPos(menuObj,'content','x') + parseInt(menuObj.offsetWidth) + 6 + 'px';
				mb.style.top = getRealPos(menuObj,'content','y') + 'px';
			}
			menuLevel++;
			document.getElementById('content').appendChild(mb);
		}
	} else {
		if(document.getElementById('menuBox' + menuLevel)) {
			document.getElementById('content').removeChild(document.getElementById('menuBox' + menuLevel));
			if(document.getElementById('menuBox1') && menuLevel == 0) {
				document.getElementById('content').removeChild(document.getElementById('menuBox1'));
			}
		}
	}
}

function closeMenuLevel(level) {
	document.getElementById('content').removeChild(document.getElementById('menuBox' + level));
}

function createMenuBox(menuItems,menuId,menuLevel, prevId) {
	if(document.getElementById('menuBox' + menuLevel)) {
		document.getElementById('content').removeChild(document.getElementById('menuBox' + menuLevel));
	}
	if(document.getElementById('menuBox1') && menuLevel == 0) {
		document.getElementById('content').removeChild(document.getElementById('menuBox1'));
	}
	mainDiv = document.createElement('div');
	mainDiv.className = 'menuBox';
	mainDiv.style.zIndex = 100 + menuLevel;
	mainDiv.setAttribute('id','menuBox' + menuLevel);
	//first element is the mouse-over menu
	menuItemsHome = menuItem[prevId];
	for (i=0;i<menuItemsHome.length;i++) {
		if (menuItemsHome[i]['name'] == menuId) {
			menuLine = document.createElement('div');
			menuLine.className = 'menuLine';
			menuLine.innerHTML = '';
			
			if (menuItemsHome[i]['icon'] != '') {
				menuLine.innerHTML += '<img src="/images/1/' + menuItemsHome[i]['icon'] + '" />&nbsp;';
			} else {
				menuLine.innerHTML += '<img src="/images/1/blank.png" />&nbsp;';
			}
			menuLine.innerHTML += '<a href="' + menuItemsHome[i]['url'] + '">' + menuItemsHome[i]['name'] + '</a>';
			menuLine.innerHTML += ' <img src="/images/1/blank.png" />';
			menuLine.setAttribute('onmousedown','window.location = "' + menuItemsHome[i]['url'] + '"');
			mainDiv.appendChild(menuLine);
			mainDiv.innerHTML += ''; /* IE Hack */
		}
	}
	for (i=0;i<menuItems.length;i++) {
		menuLine = document.createElement('div');
		menuLine.className = 'menuLine';
		menuLine.innerHTML = '';
		if (menuItems[i]['icon'] != '') {
			menuLine.innerHTML += '<img src="/images/1/' + menuItems[i]['icon'] + '" />&nbsp;';
		} else {
			menuLine.innerHTML += '<img src="/images/1/blank.png" />&nbsp;';
		}
		menuLine.innerHTML += '<a href="' + menuItems[i]['url'] + '">' + menuItems[i]['name'] + '</a>';
		if (menuItems[i]['subpage'] != '') {
			menuLine.innerHTML += ' <img src="/images/1/' + menuItems[i]['subpage'] + '" />';
			menuLine.setAttribute('onmouseover','openMenu(this,"' + menuItems[i]['id'] + '", ' + (menuLevel + 1) + ', "' + menuId + '")');
		} else {
			menuLine.innerHTML += ' <img src="/images/1/blank.png" />';
		}
		menuLine.setAttribute('onmousedown','window.location = "' + menuItems[i]['url'] + '"');
		mainDiv.appendChild(menuLine);
		mainDiv.innerHTML += ''; /* IE Hack */
	}
	return mainDiv;
}