var Menus = new Array()
function Menu(id)
{
	HideAllMenus()
	var targ = Menus[id]
	if (0)  // always reset coordinates in case of window resize
	{
		targ.subMenu.show()
		targ.placeSpacer()
	}
	else
	{
		targ = new menu(id)
		Menus[id] = targ
	}
}

function HideAllMenus(){
	for (var x in Menus)
	{
		var targ = Menus[x]
		if (targ)
		{
			targ.subMenu.hide()
		}
	}
}

function menu(id){
	var x = document.getElementById('menu'+id).cbe
	x.isMenu = true
	x.active = 0
	var height = x.height()
	x.subMenu = new submenu(id,x.pageX(), x.pageY()+x.height())
	x.subMenu.width(x.width())
	x.placeSpacer = PlaceSpacer
	x.placeSpacer()
	return x
}
function PlaceSpacer()
{
	var tag = document.getElementById('areaTag').cbe
	tag.moveTo(this.pageX(), this.pageY()+this.height())
	tag.sizeTo(this.width(),5)
	tag.show()
}

function submenu(id, x, y){
	var obj = document.getElementById('box'+id).cbe
	obj.type = 'submenu'
	obj.isMenu = true
	obj.moveTo(x,y)
	obj.show()
	return obj
}
function menuHideListener(e){
	var x = e.cbeTarget
	if (x.isMenu){ return }
	if (x.id=='areaTag'){ return }
	HideAllMenus()
}