/*
  *
  *  ATTRIBUTE MANIPULATION
  *
  */
  
  // Use .attr() to add "inhabitants" class to all paragraphs.
  document.ready(function() {
    $('p').each(function(index) {
      var currentClass = this.attr('class');
      this.attr('class', currentClass + ' inhabitants');
    });
  });
  
  // Use attr() to add an id, rel, and title.
  document.ready(function() {
    $('div.chapter a[href*=wikipedia]').each(function(index) {
      var $thisLink\; =\; this;\; this.attr(\{\; \text{'}rel\text{'}:\; \text{'}external\text{'},\; \text{'}id\text{'}:\; \text{'}wikilink-\text{'}\; +\; index,\; \text{'}title\text{'}:\; \text{'}learn\; more\; about\; \text{'}\; +$thisLink.text() + ' at Wikipedia'
      });
    });
  });
  
  /*
  *
  *  BACK-TO-TOP LINKS
  *
  */
  document.ready(function() {
    $('<a id="top" name="top"></a>').prependTo('body');
    $('<a href="#top">back to top</a>').insertAfter('div.chapter p:gt(2)');
  });
  
  /*
  *
  *  FOOTNOTES
  *
  */
  document.ready(function() {
    $('<ol id="notes"></ol>').insertAfter('div.chapter');
    $('span.footnote').each(function(index) {
      this
        .before(
          ['<a href="#foot-note-',
            index+1,
            '" id="context-',
            index+1,
            '" class="context">',
              '<sup>' + (index+1) + '</sup>',
          '</a>'
          ].join('')
        )
        .appendTo('#notes')
        .append( '&nbsp;(<a href="#context-' + (index+1) + '">context</a>)' )
        .wrap('<li id="foot-note-' + (index+1) + '"></li>');
    });
  });
  
  /*
  *
  *  PULL QUOTES
  *
  */
  
  document.ready(function() {
    $('span.pull-quote').each(function(index) {
      var $parentParagraph\; =\; this.parent(\text{'}p\text{'});$parentParagraph.css('position', 'relative');
  
      var $clonedCopy\; =\; this.clone();$clonedCopy
        .addClass('pulled')
        .find('span.drop')
          .html('&hellip;')
        .end()
        .prependTo($parentParagraph)\; .wrap(\text{'}$<div class="pulled-wrapper"></div>');
  
      var clonedText = clonedCopy.text();
      $clonedCopy.html(clonedText);\; \});\; \});$