added daylight cycle button

Author: rossengeorgiev

index.html

@@ -18,6 +18,7 @@
             <ol class="nav">
                 <li class="home"><i class="icon-habhub"></i></li>
                 <li class="chasecar" style="display: none"><i class="icon-car"></i></li>
+                <li class="daylight"><i class="icon-daylight"></i></li>
                 <li class="about last"><i class="icon-question"></i></li>
             </ol>
             <span id="locate-me" style="display: none"><i class="icon-target"></i></span>

js/app.js

@@ -201,6 +201,11 @@ $(window).ready(function() {
             box.show();
         }
         checkSize();
+    })
+    .on('click', '.daylight', function() {
+        $('.nav .home').click();
+        if(nite.isVisible()) { nite.hide(); }
+        else { nite.show(); }
     });
 
     // toggle functionality for switch button

js/mobile.js

@@ -7,6 +7,7 @@
 
 var nite = {
     map: null,
+    date: null,
     marker_sun: null,
     marker_shadow: null,
     marker_shadow_lite: null,
@@ -46,6 +47,7 @@ var nite = {
         return new google.maps.LatLng(-this.sun_position.lat(), -this.sun_position.lng() + 180);
     },
     refresh: function() {
+        if(!this.isVisible()) return;
         this.refreshSunZenith();
         this.marker_shadow.setCenter(this.getShadowPosition());
         this.marker_shadow_lite.setCenter(this.getShadowPosition());
@@ -55,6 +57,7 @@ var nite = {
 
         // based on NOAA solar calculations
         var utc = new Date();
+        if(this.date) { utc = new Date(this.date); }
         utc = new Date(utc.getTime() + utc.getTimezoneOffset() * 60000);
         var mins_past_midnight = (utc.getHours() * 60 + utc.getMinutes()) / 1440;
         var jd = 2415018.5 - ((new Date("01/01/1900 00:00:00 UTC")).getTime() - utc.getTime()) / 1000 / 60 / 60 / 24;
@@ -77,15 +80,23 @@ var nite = {
 
         this.sun_position = new google.maps.LatLng(lat, lng);
     },
+    setDate: function(date) {
+        this.date = date;        
+        this.refresh();
+    },
     setMap: function(map) {
         this.map = map;        
     },
     show: function() {
         this.marker_shadow.setVisible(true); 
         this.marker_shadow_lite.setVisible(true); 
+        this.refresh();
     },
     hide: function() {
         this.marker_shadow.setVisible(false); 
         this.marker_shadow_lite.setVisible(false); 
+    },
+    isVisible: function() {
+        return this.marker_shadow.getVisible(); 
     }
 }

js/nite-overlay.js

@@ -52,6 +52,7 @@ function load() {
     });
 
     nite.init(map);
+    nite.hide();
     setInterval(function() { nite.refresh(); }, 60000); // 1min
 
     // we need a dummy overlay to access getProjection()