// school.js
document.observe("dom:loaded", function() {
  // handle "Learn More" content expand/collapse
  var learnMore = $('learnMore');
  if (learnMore) {
    var moreContent, lessContent, toggler;
    Element.hide(learnMore);

    moreContent = 'Learn More &raquo;';
    lessContent = '&laquo; Show Less ';

    toggler = new Element('a', {
      id: 'learnMoreTrigger',
      href: '',
      style: 'display: block; margin-bottom: 1.0em;'
    }).update(moreContent);

    Element.insert(learnMore, {'before': toggler});

    Event.observe(toggler, 'click', function(event) {
      if (Element.visible(learnMore)) {
        Element.update(toggler, moreContent);
        Element.setStyle(learnMore, {display: 'none'});
      } else {
        Element.update(toggler, lessContent);
        Element.setStyle(learnMore, {display: 'block'});
      }
      Event.stop(event);
    });
  }

  // handle mark-up placement
  var content = $('fsContent');
  var markupContent = $('fsMarkupContent');
  if (content && markupContent) {
    // supported proprietary mark-up tags
    var markupElementNames = ['RFI', 'RFITEXT', 'IMG1', 'IMG2', 'IMG3'];
    markupElementNames.each(function(name) {
      // get matching classes in content
      content.select('.fs' + name).each(function(element) {
        // get equivalent id content, insert at each class
        element.insert($('fs' + name).innerHTML);
      });
    });
    // remove used and unused markup content
    markupContent.remove();
  }
});


