Event.observe(window, 'load', function(){
  $h2s = $('bible').select('.esv h2')
  $divs = $('bible').select('.esv div.esv-text')
  for (i=0;i<4;i++) {
    $divs[i].hide();
  }
  Event.observe($h2s[0], 'click', function(){
    $divs[0].toggle();
  });
  Event.observe($h2s[1], 'click', function(){
    $divs[1].toggle();
  });
  Event.observe($h2s[2], 'click', function(){
    $divs[2].toggle();
  });
  Event.observe($h2s[3], 'click', function(){
    $divs[3].toggle();
  });
  
  $footnotesh3 = $('bible').select('.esv .footnotes h3')[0];
  $footnotes = $('bible').select('.esv .footnotes p')[0];
  $footnotes.hide();
  Event.observe($footnotesh3, 'click', function(){
    $footnotes.toggle();
  });
});