window.addEvent('domready', function(){
	
	// set initial inline styles
	$('aboutmenu').setStyles('#aboutmenu');
	$('accessmenu').setStyles('#accessmenu');
	$('demosmenu').setStyles('#demosmenu');
	$('securitymenu').setStyles('#securitymenu');
	$('supportmenu').setStyles('#supportmenu');
	
	// function to slide out menu
	var menuslideout = function() {
		var container = this;
		if(this.get('tag') == 'a') {
			container = this.getParent('li.menubtn');
		}
		var name = container.id.replace(/_btn/,'');
		
		$('MENU'+name.toUpperCase()).set('src','/img/menu-'+name+'-on.gif');
		
		var menu = $(name+'menu');
		if(menu != null) {
			menu.set('morph', {duration: 'short', transition: 'sine:out', unit:'em'});
			menu.morph('#'+name+'menu .out');
		}
	};
	
	// function to slide in menu
	var menuslidein = function() {
		var container = this;
		if(this.get('tag') == 'a') {
			container = this.getParent('li.menubtn');
		}
		var name = container.id.replace(/_btn/,'');
		
		$('MENU'+name.toUpperCase()).set('src','/img/menu-'+name+'.gif');
		
		var menu = $(name+'menu');
		if(menu != null) {
			menu.set('morph', {duration: 'short', transition: 'sine:out', unit:'em'});
			menu.morph('#'+name+'menu');
		}
	};
	
	// set event handlers
	$$('#nav li.menubtn').addEvent('mouseenter', menuslideout);
	$$('#nav a').addEvent('focus', menuslideout);
	$$('#nav li.menubtn').addEvent('mouseleave', menuslidein);
	$$('#nav a').addEvent('blur', menuslidein);
	
});