var secNav = {
	init: function() {
		// hide all sec level nav items
		var topItems = $('submenu').select('.opens');
		topItems.each(function(el, index) {
			// add toggle event
			secNav.addToggleListener(el);
		});
	},
	addToggleListener: function(el) {
		Event.observe(el.firstDescendant(),'click',function(event) {secNav.toggleEl(event)});
	},
	toggleEl: function(event) {
		// determine element to toggle
		var el = Event.element(event);
		toToggle = el.next('ul');
		
		new Effect.toggle(toToggle,'blind',{duration: .3, afterFinish: function(effect) {
			var effectEl = effect.element;
			var parent = effectEl.up('li');

			// change class on parent
			if(parent && parent.hasClassName('isOpen')) {
				parent.removeClassName('isOpen');
				parent.addClassName('isClosed');
			} else if (parent && parent.hasClassName('isClosed')) {
				parent.removeClassName('isClosed');
				parent.addClassName('isOpen');			
			}

		}});
	}
};
Event.observe(window, 'load', function() {secNav.init()});
