window.addEvent('domready',function() {
	var submenu = {
		current: $$('#menubar .active').get('id'),
		update: function(a) {
			if ($('submenu-' + a)) {
				// there is a submenu
				$('submenu').setStyle('border-bottom', '1px solid #7a797a');
				$('submenu').set('tween', {transition: Fx.Transitions.Quart.easeOut});
				$('submenu').tween('height', 36);
			}
			else {
				// there is no submenu
				$('submenu').setStyle('border-bottom', 'none');
				$('submenu').set('tween', {transition: Fx.Transitions.Quart.easeOut});
				$('submenu').tween('height', 0);
			}
		},
		instant: function(a) {
			if ($('submenu-' + a)) {
				// there is a submenu
				$('submenu').setStyle('border-bottom', '1px solid #7a797a');
				$('submenu').setStyle('height', 36);
			}
			else {
				// there is no submenu
				$('submenu').setStyle('border-bottom', 'none');
				$('submenu').setStyle('height', 0);
			}
		}
	}
	// initialize the functionality of the submenu
	$$('#menubar li').addEvent('mouseover', function(i) { submenu.update($(this).get('id')); });
	submenu.instant(submenu.current);
});