small tweaks

* a few commends explaining the code
* removed timestamp being added to tile files, their servers provide
  decent expiration headers, should work fine to get the latest

Author: rossengeorgiev

index.html

@@ -187,7 +187,7 @@ <h2>Weather
                 </svg>
             </h2>
             <hr>
-            <span>Here you can access various weather overlays. This an experimental feature.</span>
+            <span>Here you can access various weather overlays. This an <b>experimental feature</b>. Mobile users be aware that this can quickly eat your data allowance.</span>
             <br />
             <br />
         </div>

js/app.js

@@ -623,6 +623,8 @@ $(window).ready(function() {
     }
 
     // weather feature
+
+    // north america overlays
     var overlayList = [
         ['nexrad-n0q-900913', 'NEXRAD Base Reflectivity'],
         ['goes-ir-4km-900913', 'GOES NA Infrared ~4km'],
@@ -645,8 +647,9 @@ $(window).ready(function() {
         ['q2-hsr-900913', 'MRMS Hybrid-Scan Reflectivity Composite.'],
     ];
 
+    // generate the list of switches for each overlay
     var elm = $("#weatherbox .slimContainer");
-    elm.append("<h4>Americas</h4><hr>");
+    elm.append("<h4>North America</h4><hr>");
 
     var i;
     for(i in overlayList) {
@@ -664,6 +667,7 @@ $(window).ready(function() {
         elm.append(html);
     }
 
+    // the magic that makes the switches do things
     elm.find(".switch").click(function() {
         var e = $(this);
         var name = e.attr('id').replace('sw', 'opt');
@@ -674,6 +678,7 @@ $(window).ready(function() {
             e.removeClass('on').addClass('off');
             on = 0;
         } else {
+            // only one overlay at a time
             $("#weatherbox .switch").removeClass('on').addClass('off');
             e.removeClass('off').addClass('on');
             on = 1;

js/tracker.js

@@ -51,7 +51,7 @@ var plot = null;
 var weatherOverlayId = "nexrad-n0q-900913";
 var weatherOverlay = new google.maps.ImageMapType({
     getTileUrl: function(tile, zoom) {
-        return "http://mesonet.agron.iastate.edu/cache/tile.py/1.0.0/"+weatherOverlayId+"/" + zoom + "/" + tile.x + "/" + tile.y +".png?"+ (new Date()).getTime();
+        return "http://mesonet.agron.iastate.edu/cache/tile.py/1.0.0/"+weatherOverlayId+"/" + zoom + "/" + tile.x + "/" + tile.y +".png";
     },
     tileSize: new google.maps.Size(256, 256),
     opacity:0.8,