window.onload = function() {
	// Pick your classes
	var leftButtons = $('midPane').getElements('.toggler');
	var leftSections = $('midPane').getElements('.element');
	
	var bottomButtons = $('bottomPane').getElements('.toggler');
	var bottomSections = $('bottomPane').getElements('.element');
	
	//var midPane = document.getElementById('midPane');
//	var buttons = midPane.getElementsByClassName('toggler');
	//var sections = midPane.getElementsByClassName('element');

	// Create the accordian
	var accordionLeft = new fx.Accordion(leftButtons, leftSections, {
		opacity: true,
		onActive: function(toggler, element){
		  //toggler.parentNode.className = toggler.parentNode.className + ' openSection';
		  if (toggler)
		  {
			  toggleLable = toggler.getElementsByTagName("A");
			  toggleLable[0].className = 'menuOn';
			}
		},
		onBackground: function(toggler, element){
			if (toggler)
		  {
			  toggleLable = toggler.getElementsByTagName("A");
			  toggleLable[0].className = '';
			  //toggler.parentNode.className = toggler.parentNode.className.replace(' openSection', '');
			}
		}
	}, 'click');
	
	accordionLeft.showThisHideOpen(1);
	
	var accordionBottom = new fx.Accordion(bottomButtons, bottomSections, {
		opacity: true,
		onActive: function(toggler, element){
		  //toggler.parentNode.className = toggler.parentNode.className + ' openSection';
			if (toggler)
		  {
			  toggleLable = toggler.getElementsByTagName("A");
			  toggleLable[0].className = 'menuOn';
			}
		},
		onBackground: function(toggler, element){
			if (toggler)
		  {
			  toggleLable = toggler.getElementsByTagName("A");
			  toggleLable[0].className = '';
			  //toggler.parentNode.className = toggler.parentNode.className.replace(' openSection', '');
			}
		}
	}, 'mouseover');
	
	accordionBottom.showThisHideOpen(0);
}