var Menu = {
	position_online: function() {
		var outer = $('online_outer');
		var inner = $('online_inner');
		var width = outer.offsetWidth;
		var height = outer.offsetHeight;
		size = 18;
		inner.setStyle({
				fontSize: size + 'px',
				letterSpacing: 0,
				lineHeight: 1
			});
		while (size > 8 && (inner.offsetWidth > 14 || inner.offsetHeight > 14)) {
			inner.style.fontSize = (--size) + 'px';
		}
		//alert(width + " " + inner.offsetWidth);
		inner.setStyle({
				left: parseInt((width-inner.offsetWidth+1)/2) + 'px',
				top: parseInt((height-inner.offsetHeight+1)/2-1) + 'px',
				visibility: 'visible'
			});
	},
	openmenuid: null,
	closeMenu: function(id) {
		Menu.menubusy1 = true;
		Menu.menubusy2 = true;
		new Effect.Move(id, {x: 20, afterFinish: function(){Menu.menubusy1 = false;}});
		Effect.SlideUp(id + 'items', {afterFinish: function(){Menu.menubusy2 = false;}});
		Menu.openmenuid = null;
	},
	toggleMenu: function(id) {
		if (Menu.menubusy1 || Menu.menubusy2 || Menu.menubusy3 || Menu.menubusy4) return;
		Menu.menubusy = true;
		var div = $(id + 'items');
		var display = div.getStyle('display');
		if (Menu.openmenuid != null) Menu.closeMenu(Menu.openmenuid);
		if (display == 'none') {
			Menu.menubusy3 = true;
			Menu.menubusy4 = true;
			new Effect.Move(id, {x:-20, afterFinish: function(){Menu.menubusy3 = false;}});
			Effect.SlideDown(id + 'items', {afterFinish: function(){Menu.menubusy4 = false;}});
			Menu.openmenuid = id;
		}
	},
	toggleLanguage: function() {
		var lang = Frame.getCookie('language');
		if (lang == "") {
			newlang = 'en';
		} else {
			newlang = lang == 'nl' ? 'en' : 'nl';
		}
		Frame.setCookie('language', newlang);
	}
};
document.observe("dom:loaded", Menu.position_online);