anchor.diff:      }
   
       function showNextMap() {
  -      loadBigMap(maps[0]);
  +      loadBigMap(maps[currentlyShowing]);
         loadSmallMaps(maps);
  -    }
   
  -    function loadBigMap(map) {
  -      var bMURL = URLForDimensions(map.url, BMWidth, BMHeight);
  -
  -      document.getElementById('bm').setAttribute('src', bMURL)
  -      document.getElementById('title').innerHTML = map.title;
  -      document.getElementById('author').innerHTML = 'by ' + map.author;
  +      (currentlyShowing++)%maps.length;
       }
   
       function setupBigMap() {
  
positive.code:   </div>
  </div>
  <div class='bottom-bar'>
    <% MapsController::MAX_DISPLAY_MAPS.times do |index| %>
      <div class='small-map'>
        <img id='sm-<%= index %>'/>
      </div>
  
negative.code: 
  <script type="text/javascript">
    MAX_DISPLAY_MAPS = <%= MapsController::MAX_DISPLAY_MAPS %>;
    FADE_DURATION_MS = 500;
  
    var maps = <%= raw @maps.map(&:to_hash).each { |hash| hash[:taiw] = time_ago_in_words(hash[:published_at])}.to_json %>
    var currentlyShowing = 0;
  
    $(document).ready(function () {
      setUp();
      showNextMap();
  
      pid = setInterval(showNextMap, 10000);
  
      function setUp () {
        App.published = App.cable.subscriptions.create("PublishedChannel", {
  