/**
 * Simple script for collapsible content.
 *
 * Checks via class name so any element will do.
 * <element class="collapsible-toggle"></element>
 * <element class="collapsible-content"></element>
 *
 * Add class name "collapsible-toggle-active" to the toggle so the content does
 * not get collapse initially.
 * <element class="collapsible-toggle collapsible-toggle-active"></element>
 * 
 * @author Derick 
 */
$$('.collapsible-toggle').each(function(toggle) {
	var content = toggle.next('.collapsible-content');
	if (!toggle.hasClassName('collapsible-toggle-active')) {
		content.hide();
	}
	toggle.observe('click', function(event) {
		new Effect.toggle(content, 'slide', {
			duration: 0.3,
			afterFinish: function() {
				if (content.visible()) {
					toggle.addClassName('collapsible-toggle-active');
				} else {
					toggle.removeClassName('collapsible-toggle-active');
				}
			}
		});
	});
});