if(document.getElementById 
   && document.getElementsByTagName)
{
	Event.observe(window, 'load', init, false);
}

function init()
{
	setupToggle();
}

function setupToggle()
{
	var sections = document.getElementsByClassName('collapsible');

	for (var i = 0; i < sections.length; i++)
	{
		var toggler = sections[i].getElementsByClassName('toggler')[0];
		Event.observe(toggler, 'click', toggleSection, false);
	}
}

function toggleSection(e)
{

	var toggler = Event.element(e);
	var section = toggler.parentNode.parentNode;
	var subSection = section.getElementsByClassName('subSection')[0];

	if (section.hasClassName('closed'))
	{
		new Effect.BlindDown(subSection); 
		section.removeClassName('closed');
		section.addClassName('open');
	}
	else
	{	
		new Effect.BlindUp(subSection); 
		section.removeClassName('open');
		section.addClassName('closed')	
	}
	
	// Remove focus from the anchor that caused this event
	toggler.blur();
	
	Event.stop(e);
	return false;
}