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:         doc = Nokogiri::XML(File.open("FolgerDigitalTexts_XML_Complete/Ven.xml"))
      end %>
  
      <!-- Get title of play and display at top of page -->
      <div class="script-title">
          <div id="Home-button">
              <a id="home" href="/">Home</a>
  
negative.code:             }
          };
      </script>
  
      <script>
  
          /** 
           * This controls scene buttons in the navigation bar
           */
          var sceneButtons = document.getElementsByClassName("nav-scene");
          var sceneLength = sceneButtons.length;
          for (var i = 0; i < sceneLength; i++) {
  