function changeObjectVisibility(objectId, newVisibility) {
	// get a reference to the cross-browser style object and make sure the object exists
	var styleObject = document.getElementById(objectId).style;
	if (styleObject) {
		styleObject.visibility = newVisibility;
		return true;
	} else {
		// we couldn't find the object, so we can't change its visibility
		return false;
	}
} // changeObjectVisibility

function moveObject(objectId, newXCoordinate, newYCoordinate) {
	// get a reference to the cross-browser style object and make sure the object exists
	var styleObject = document.getElementById(objectId).style;
	if (styleObject) {
		styleObject.left = newXCoordinate;
		styleObject.top = newYCoordinate;
		return true;
	} else {
		// we couldn't find the object, so we can't very well move it
		return false;
	}
} // moveObject


function showMenu(menuNumber, eventObj) {
   //alert(eventObj);
	hideAllMenus();
	var menuId = 'menu' + menuNumber;
	if (changeObjectVisibility(menuId, 'visible')) {
		var menuTitle = document.getElementById('menuTitle' + menuNumber).style;
		eventObj.cancelBubble = true;
		return true;
	} else {
		return false;
	}
}

var numMenus = 7;

function hideAllMenus() {
	for (counter = 1; counter <= numMenus; counter++) {
		changeObjectVisibility('menu' + counter, 'hidden');
		var menuTitle = document.getElementById('menuTitle' + counter).style;
	}
}

document.onclick = hideAllMenus;