window.onload = function()
{

  var mooTogs    = document.getElementsByClassName('display');
  var mooStretch = document.getElementsByClassName('stretcher');

  // must be before mooAccordion
  mooTogs.each(function(tog, i) {
    tog.onclick = function() {
      if (tog.className == 'display_active') {
        mooAccordion.clearAndToggle(mooStretch[i], i);
        tog.className = 'stretcher';
        return;
      }

      // reset them all then set clicked
      mooTogs.each(function(rtog, ri) {mooTogs[ri].className = 'stretcher';});
      tog.className='display_active';
    };
  });
  var mooAccordion = new fx.Accordion(mooTogs, mooStretch, {opacity:true, width:false, height:true});
}