var currentMenu;

window.addEvent('domready', function() {
	$$('#example_nav ul li a.example-section + ul').set('opacity', 0).setStyle('display','none');
	$$('.example-section').each(function(_el) {
		_el.addEvents({
			'click': function() {
				if (currentMenu && currentMenu.getStyle('display') == 'block') {
					currentMenu.fade('out').setStyle('display', 'none');
				}
				currentMenu = this.getNext('ul');
				currentMenu.setStyle('display', 'block').fade('in');
			},
			'blur': function() {
				var self = this;
				(function() {
					self.getNext('ul').fade('out').setStyle('display', 'none');
				}).delay(300);
			}
		});
	});
});