Calculate event lateness periodically to improve accuracy.

templates/match_play.html

@@ -216,6 +216,9 @@
           </button>
         </div>
       </div>
+      <div class="row">
+        <div id="eventStatusMessage" class="col-lg-12"></div>
+      </div>
     </div>
   </div>
 </div>

templates/pit_display.html

@@ -46,6 +46,7 @@
           <span id="highestPlayedMatch"></span>
         </div>
       </div>
+      <div id="eventStatusMessage"></div>
     </div>
     <script id="standingsTemplate" type="text/x-handlebars-template">
       <tbody>

templates/queueing_display.html

@@ -70,7 +70,7 @@
         </div>
       </div>
     {{end}}
-    <div id="footer" class="col-lg-10 col-lg-offset-1">{{.StatusMessage}}</div>
+    <div id="eventStatusMessage" class="col-lg-10 col-lg-offset-1"></div>
   </body>
   <script src="/static/js/lib/jquery.min.js"></script>
   <script src="/static/js/lib/jquery.json-2.4.min.js"></script>