implemented hysplit

Author: rossengeorgiev

css/main.css

@@ -366,6 +366,34 @@ header > div {
     position: relative;
     z-index: 4;
 }
+#main .row .data .hysplit {
+    position: absolute;
+    background-color: #fff;
+    right: 5px;
+    top: 150px;
+    padding-left: 3px;
+    padding-right: 3px;
+    font-size: 10px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    z-index: 5;
+}
+
+#main .row .data .hysplit.active {
+    background-color: #33b5e5;
+    border: 1px solid #33b5e5;
+    color: #fff;
+}
+
+#main .row .data .hysplit:hover {
+    border: 1px solid #5E5E5E;
+}
+
+#main .portrait .row .data .hysplit {
+    display: none;
+}
+
 #main .row .data img {
     position: absolute;
     z-index: 2;

js/app.js

@@ -61,6 +61,8 @@ var loadComplete = function(e) {
     $('#loading .complete').stop(true,true).animate({width: 200}, {complete: trackerInit });
 }
 
+var hysplit = {};
+
 // loads the tracker interface
 function trackerInit() {
     $('#loading,#settingsbox,#aboutbox,#chasebox').hide(); // welcome screen
@@ -73,6 +75,13 @@ function trackerInit() {
     if(!is_mobile) {
         $.getScript("js/init_plot.js", function() { checkSize(); if(!map) load(); });
         if(embed.graph) $('#telemetry_graph').attr('style','');
+
+        // fetch hysplit jobs
+        $.getJSON("http://spacenear.us/tracker/hysplit.json", function(data) {
+            for(var k in data) {
+                hysplit[k] = new google.maps.KmlLayer("http://ready.arl.noaa.gov/hypubout/HYSPLITtraj_" + data[k] + ".kmz");
+            }
+        });
         return;
     }
     checkSize();
@@ -350,6 +359,21 @@ $(window).ready(function() {
     // expand graph on startup, if nessary
     if(embed.graph_expanded) $('#telemetry_graph .graph_label').click();
 
+    // hysplit button
+    $("#main").on('click','.row .data .hysplit', function() {
+        var elm = $(this);
+        var name = vehicle_names[elm.attr('data-index')]
+
+        if(elm.hasClass("active")) {
+            elm.removeClass('active');
+            hysplit[name].setMap(null);
+        }
+        else {
+            elm.addClass('active');
+            hysplit[name].setMap(map);
+        }
+    });
+
     // reset nite-overlay and timebox when mouse goes out of the graph box
     $("#telemetry_graph").on('mouseout','.holder', function() {
         nite.setDate(null);

js/tracker.js

@@ -623,6 +623,7 @@ function updateVehicleInfo(index, newPosition) {
            + '<i class="arrow"></i></div>'
            + '<div class="data">'
            + '<img class="'+((vehicle.vehicle_type=="car")?'car':'')+'" src="'+image+'" />'
+           + ((vehicle_names[index] in hysplit) ? '<span class="hysplit '+((hysplit[vehicle_names[index]].getMap()) ? 'active' : '')+'" data-index="'+index+'">HYSPLIT</span>' : '')
            + '<div class="left">'
            + '<dl>';
   // end