anchor.diff:  
   <script type="text/javascript">
     MAX_DISPLAY_MAPS = <%= MapsController::MAX_DISPLAY_MAPS %>;
  +  FADE_DURATION_MS = 500;
   
  -  var maps = <%= raw @maps.map(&:to_hash).to_json %>
  +  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", {
  
positive.code:       SMWidth = container.width();
        SMHeight = container.height();
  
        for (var c = 0; c < MAX_DISPLAY_MAPS; c++) {
          setObjectDimensions(document.getElementById('sm-' + c), SMWidth, SMHeight);
        }
      }
  
      function loadSmallMaps(maps) {
        for (var c in maps) {
          loadSmallMap(maps[c], c);
        }
      }
  
      function loadSmallMap(map, index) {
  
negative.code:   </div>
  </div>
  <div class='bottom-bar'>
    <% (MapsController::MAX_DISPLAY_MAPS - 1).times do |index| %>
      <div class='small-map'>
        <img id='sm-<%= index %>'/>
      </div>
  