document.observe("dom:loaded", function() {
  // initially hide all containers for tab content
  initMoreInfo();
  
});


function initMoreInfo() {
  $$('.showMoreInfo').each(function(e) {
    if (e.up('td')) {
      e.observe('click', function() {
        this.up('tr').next('.moreinfo').toggleClassName('open');
        this.up('td').toggleClassName('open');
      });
    } else {
      e.observe('click', function() {
        this.next('.moreinfo').toggleClassName('open');
      });
    }
  });
}