// JavaScript for Kevron site

var kevron = {
	
	init: function() {
		// hide non selected submenu's
		var subMenus = $$('#side_menu ul ul li:not(.selected) ul');
		subMenus.each(function(ul) {
			ul.hide();
		});
		// setup togglers
		var subMenus = $$('#side_menu ul ul>li>a');
		subMenus.each(function(a) {
			a.observe('click', kevron.toggleMenu);
		});
	},
	
	toggleMenu: function(event) {
		var a = Event.element(event);
		ul = a.next();
		// toggle
		(ul.visible()) ? ul.blindUp({duration: .5}) : ul.blindDown({duration: .5});
		Event.stop(event);
	}
}

Event.observe(window, 'load', kevron.init);