/**
 *  Setup accordion menus
 */

// Main navigation accordion object
var mainNavAccordion = {
	accordion: '',
	
	// Initialize the accordion effect
	init: function() {
		var panelTabs = document.getElementsByClassName('panelTab');				// the objects you click
		var panelContents = document.getElementsByClassName('panelContent');		// the objects that expand/shrink
		
		mainNavAccordion.accordion = new fx.Accordion(panelTabs, panelContents, {opacity: false, onComplete: mainNavAccordion.setSelected});

		// Loop through the panelTabs
		for (var i = 0; i < panelTabs.length; i++) {
			// If a panel is 'selected', show it
			if (Element.hasClassName(panelTabs[i], 'selected'))
				this.accordion.showThisHideOpen(panelContents[i]);
		}
	},
	
	// When a panelTab is clicked, add the class "selected" to the panelTitle
	setSelected: function(obj) {
		Element.cleanWhitespace(obj.parentNode);
		
		var panelTitle = obj.previousSibling;
		if ( Element.hasClassName(panelTitle, "selected") ) {
			Element.removeClassName(panelTitle, "selected");
		} else {
			Element.addClassName(panelTitle, "selected");
		}	
	}
};


// Initialize the object when the window loads
Event.observe(window, 'load', mainNavAccordion.init.bindAsEventListener(mainNavAccordion), false);