anchor.diff:          </script>
       </div>
   
  -    <!-- Create the navigation bar -->
  +
  +    <!-- 
  +        Parse the XML file for number of acts & scenes in order to 
  +        create the navigation bar 
  +    -->
       <div class="script-side-bar">
           <div class="play-navigation">
   
               <!-- This button shows the play's synopsis -->
               <button class="nav-synopsis" id="synopsis-button">SYNOPSIS</button>
  -            <!-- Button to show play analytics -->
  +
  +            <!-- This button shows the play's analytics -->
               <button class="nav-analytics" id="analytics-button">ANALYTICS</button>
  +
  +            <!-- Create a button for each act and scene in the play -->
               <% currAct = 1 %>
               <% currScene = 1 %>
               <% currIndex = 1 %>
  -
               <% acts= doc.css('//div1') %>
               <% acts.each do |act| %>
                   <button class="nav-act" id="current-act"><%= "ACT " + currAct.to_s %></button>
                   <script>
                       document.getElementById('current-act').id = '<%= escape_javascript "a" + currAct.to_s %>';
                   </script>
  -
                   <% currAct = currAct + 1 %>
                   <% currScene = 1 %>
                   <% scenes = Nokogiri::XML(act.to_s).css('//div2') %>
  
positive.code:         span.onclick = function() {
              modal.style.display = "none";
          }
          window.onclick = function(event) {
              if (event.target == modal) {
                  modal.style.display = "none";
              }
          } 
          // This controls the analytics button in the navigation bar
          var modal2 = document.getElementById("analytics-modal");
          var btn2 = document.getElementById("analytics-button");
          var span2 = document.getElementsByClassName("close2")[0];
  
negative.code:         </div>
      </div>
  
  
      <!-- 
          The analytics will show up here as a popup 
      -->
      <div id="analytics-modal" class="shown-modal">
          <div class="modal-content">
              <span class="close2">&times;</span>
              <div class="hidden-analytics" id="hidden-analytics"></div>
              <% analyticstext = "Total Lines: ????" %>
              <script>
                  document.getElementById('hidden-analytics').innerHTML = '<%= escape_javascript analyticstext %>';
  