//  In my case I want to load them onload, this is how you do it!
Event.observe(window, 'load', loadAccordions, false);

//	Set up all accordions
function loadAccordions() {
	var topAccordion = new accordion('vertical_container1', {
		classNames : {
			toggle : 'horizontal_accordion_toggle',
			toggleActive : 'horizontal_accordion_toggle_active',
			content : 'horizontal_accordion_content'
		},
		defaultSize : {
			width : 163
		},
		direction : 'horizontal'
	});

	var topAccordion = new accordion('vertical_container2', {
		classNames : {
			toggle : 'horizontal_accordion_toggle',
			toggleActive : 'horizontal_accordion_toggle_active',
			content : 'horizontal_accordion_content'
		},
		defaultSize : {
			width : 163
		},
		direction : 'horizontal'
	});

	var bottomAccordion = new accordion('vertical_container1');
	var bottomAccordion = new accordion('vertical_container2');
	
	var nestedVerticalAccordion = new accordion('vertical_nested_container1', {
	  classNames : {
			toggle : 'vertical_accordion_toggle',
			toggleActive : 'vertical_accordion_toggle_active',
			content : 'vertical_accordion_content'
		}
	});

	var nestedVerticalAccordion = new accordion('vertical_nested_container2', {
	  classNames : {
			toggle : 'vertical_accordion_toggle',
			toggleActive : 'vertical_accordion_toggle_active',
			content : 'vertical_accordion_content'
		}
	});

	// Open first one
	//bottomAccordion.activate($$('#vertical_container1 .accordion_toggle')[0]);
	
	// Open second one
	//topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
}

var verticalAccordions = $$('.accordion_toggle');
verticalAccordions.each(function(accordion) {
	$(accordion.next(0)).setStyle({
	  height: '0px'
	});
});