/* Include this and call BulletCollapse.init() on page load (or after all
relevant element have been rendered */
var BulletCollapse = {
	init: function() {
		for( var i=1; i<=6; i++ ) {
			$$('div.bullet_collapse h' + i).each(function(e) {
				BulletCollapse.setup_header(e);
			});
		}
	},
	setup_header: function(header) {
		var container = header;
		while( container ) {
			if(container.className && (container.className == 'bullet_collapse'))
				break;
			container = container.parentNode;
		}
		if( !container ) return;

		var uls = $A(container.getElementsByTagName('ul'));
		var ols = $A(container.getElementsByTagName('ol'));
		var lists = uls.concat(ols);

		Event.observe(header, 'click', function() {
			if( header.className.indexOf('active') >= 0 ) {
				header.removeClassName('active');
				lists.each(function(e) {
					$(e).removeClassName('active');
				});
			} else {
				header.addClassName('active');
				lists.each(function(e) {
					$(e).addClassName('active');
				});
			}
		});
	}
}