Event.observe(document, 'dom:loaded', function (){	
	$$('.header').each(function(element){
		element.observe('click', toggleNode);
	});

	/*$$('.toggle').each(function(element){
		element.toggle();
	});*/
	
	/*$$('.toggle').each(function(element){
		element.stopObserving('click', toggleNode);
	});*/
});

function getChildren(element){
	var children = new Array();
	
	element.immediateDescendants().each(function(child){
		if(child.hasClassName('toggle')) {
			children.push(child);
		}
	});
	
	return children;
}

function toggleNode(event){
	subElements = getChildren(Event.element(event).up('.group'));
	subElements.each(function(subElement){
		subElement.toggle();

		if (subElement.visible() == false) {
			subElement.up('.group').down('h3').addClassName('close');
		} else {
			subElement.up('.group').down('h3').removeClassName('close');
		}
	});
}
