update javascript

assets/js/main.js

@@ -5,9 +5,23 @@
    
     "Cleaned" - aka destroyed and rewritten by L3D. 
     <WARNING> L3D does not know how JavaScript works and just deleted some random lines.
+    And made some other weird changes no one understood!
 
 */
 
+function loadSpaceStatus() {
+  $.getJSON("/c3woc.json", function(data) {
+    $("link[href='/css/spacestatus.css']").remove();
+    if (data.state.open == true) {
+      $('#space-closed').hide();
+      $('#space-opened').css("display", "block");
+    } else {
+      $('#space-opened').hide();
+      $('#space-closed').show();
+    }
+  });
+}
+
 (function($) {
 
   skel.breakpoints({
@@ -18,8 +32,6 @@
     xsmall: '(max-width: 480px)'
   });
 
-	$(function() {
-
   var $window = $(window),
     $body = $('body');
 
@@ -81,81 +93,60 @@
 
   // Parallax.
   // Disabled on IE (choppy scrolling) and mobile platforms (poor performance).
-			if (skel.vars.browser == 'ie'
-			||	skel.vars.mobile) {
+  if (skel.vars.browser == 'ie' ||
+    skel.vars.mobile) {
 
     $.fn._parallax = function() {
-
       return $(this);
-
     };
 
-			}
-			else {
-
+  } else {
     $.fn._parallax = function() {
-
       $(this).each(function() {
-
         var $this = $(this),
           on, off;
-
         on = function() {
-
           $this
             .css('background-position', 'center 0px');
-
           $window
             .on('scroll._parallax', function() {
-
               var pos = parseInt($window.scrollTop()) - parseInt($this.position().top);
-
               $this.css('background-position', 'center ' + (pos * -0.15) + 'px');
-
             });
-
         };
 
         off = function() {
-
           $this
             .css('background-position', '');
-
           $window
             .off('scroll._parallax');
-
         };
 
         skel.on('change', function() {
-
           if (skel.breakpoint('medium').active)
             (off)();
           else
             (on)();
-
         });
-
       });
-
       return $(this);
-
     };
 
-				$window
-					.on('load resize', function() {
+    $window.on('load resize', function() {
       $window.trigger('scroll');
     });
 
   }
 
-		
-
   // Banner.
   var $banner = $('#banner');
-
   $banner
     ._parallax();
 
-	});
+  loadSpaceStatus();
 
 })(jQuery);
+
+window.setInterval(function() {
+  loadSpaceStatus();
+}, 5000);