Add new Javascript observer

Output render progress onto the rendered map using Javascript
A minimum period between updates can be specified

overviewer_core/data/js_src/util.js

@@ -58,6 +58,10 @@ overviewer.util = {
         var coordsdiv = new overviewer.views.CoordboxView({tagName: 'DIV'});
         coordsdiv.render();
 
+        var progressdiv = new overviewer.views.ProgressView({tagName: 'DIV'});
+        progressdiv.render();
+        progressdiv.updateProgress();
+
         if (overviewer.collections.haveSigns) {
             var signs = new overviewer.views.SignControlView();
             signs.registerEvents(signs);

overviewer_core/data/js_src/views.js

@@ -108,7 +108,26 @@ overviewer.views.CoordboxView = Backbone.View.extend({
     }
 });
 
-
+overviewer.views.ProgressView = Backbone.View.extend({	
+    initialize: function() {
+        this.el.id = 'progressDiv';
+        this.el.innerHTML = 'Current Render Progress';
+        overviewer.map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(this.el);
+        this.hidden = true;
+    },
+    updateProgress: function() {
+        e = this;
+        $.getJSON('progress.js', null, function(d){
+            e.el.hidden = false;
+            e.el.innerHTML = d['message'];
+            if (d.update > 0) {
+                setTimeout("e.updateProgress()", d.update);
+            } else {
+                e.el.hidden = true;
+            }
+        });
+    }
+});
 
 /* GoogleMapView is responsible for dealing with the GoogleMaps API to create the 
  */

overviewer_core/data/web_assets/overviewer.css

@@ -86,7 +86,7 @@ body {
 }
 
 
-#link, #coordsDiv {
+#link, #coordsDiv, #progressDiv {
     background-color: #fff; /* fallback */
     background-color: rgba(255,255,255,0.55);
     border: 1px solid rgb(0, 0, 0);