{"queryCost":1,
"latitude":39.1942,
"longitude":-95.2089,
"resolvedAddress":"McLouth, KS, United States",
"address":"McLouth",
"timezone":"America/Chicago",
"tzoffset":-5.0,
"description":"Warming up with no rain expected.",

<!--------------><template x-if="weatherData != null">
		<div>
			<div class="center">
				<div class="center">
					<h1 class="" x-text="weatherData.address"></h1>

					<div class="" x-html="`${weatherData.currentConditions.temp} &deg;F`"></div>
					<div x-text="weatherData.description" class=""></div>
				</div>
<div class="center">
<img x-bind:src="`icon/${weatherData.currentConditions.icon}.png`" :alt="weatherData.currentConditions.conditions" loading="lazy">
</div>

<p>current cloudcover: <span x-html="weatherData.currentConditions.cloudcover"></span>%</p>
<p>current conditions: <span x-html="weatherData.currentConditions.conditions"></span></p>
<p>current datetime: <span x-html="weatherData.currentConditions.datetime"></span></p>
<p>current datetimeEpoch: <span x-html="weatherData.currentConditions.datetimeEpoch"></span></p>
<p>current dew: <span x-html="weatherData.currentConditions.dew"></span></div>
<p>current feelslike: <span x-html="weatherData.currentConditions.feelslike"></span>&deg;F</p> 
<p>current icon: <span x-html="weatherData.currentConditions.icon"></span></p>
<img x-bind:src="`icon/${weatherData.currentConditions.icon}.png`" :alt="weatherData.currentConditions.conditions" loading="lazy" class="mx-auto">
<p>current moonphase: <span x-html="weatherData.currentConditions.moonphase"></span></p>
<p>current precip: <span x-html="weatherData.currentConditions.precip"></span></p>
<p>current precipprob: <span x-html="weatherData.currentConditions.precipprob"></span>%</p>
<p>current preciptype: <span x-html="weatherData.currentConditions.preciptype"></span></p>
<p>pressure: <span x-html="weatherData.currentConditions.pressure"></span></p>
<p>current snow: <span x-html="weatherData.currentConditions.snow"></span></p>
<p>current snowdepth: <span x-html="weatherData.currentConditions.snowdepth"></span> in</p>
<p>current sunrise: <span x-html="weatherData.currentConditions.sunrise"></span></p>
<p>current sunriseEpoch: <span x-html="weatherData.currentConditions.sunriseEpoch"></span></p>
<p>current sunset: <span x-html="weatherData.currentConditions.sunset"></span></p>
<p>current sunsetEpoch: <span x-html="weatherData.currentConditions.sunsetEpoch"></span></p>
<p>current temp: <span x-html="weatherData.currentConditions.temp"></span></p>
<p>current uvindex: <span x-html="weatherData.currentConditions.uvindex"></span></p>
<p>current visibility: <span x-html="weatherData.currentConditions.visibility"></span> miles</p>
<p>current winddir: <span x-html="weatherData.currentConditions.winddir"></span></p>
<p>current windgust: <span x-html="weatherData.currentConditions.windgust"></span> mph</p>
<p>current windspeed: <span x-html="weatherData.currentConditions.windspeed"></span >mph</p>


</div>
<!======================================================>

<!--days-->
<p>days cloudcover: <span x-html="forecast.cloudcover"></span>%</p>
<p>days conditions: <span x-html="forecast.conditions"></span></p>
<p>days weatherData: <span x-html="weatherData.days.datetime"></span></p>
<p>days datetimeEpoch: <span x-html="weatherData.days.datetimeEpoch"></span></p>
<p>days description: <span x-html="forecast.days.description"></span></p>
<p>days dew: <span x-html="forecast.days.dew"></span></p>
<p>days feelslike: <span x-html="forecast.days.feelslike"></span>&deg;F</p>
<p>days feelslikemax: <span x-html="forecast.days.feelslikemax"></span>&deg;F</p>
<p>days feelslikemin: <span x-html="forecast.days.feelslikemin"></span>&deg;F</p>
<p>days humidity: <span x-html="forecast.days.humidity"></span>%</p>
<p>days icon: <span x-html="forecast.days.icon"></span></p>
<p>days moonphase: <span x-html="forecast.days.moonphase"></span></p>
<p>days temp_f: <span x-html="forecast.days.precip"></span></p>
<p>days temp_f: <span x-html="forecast.days.precipcover"></span></p>
<p>days temp_f: <span x-html="forecast.days.precipprob"></span>%</p>
<p>days temp_f: <span x-html="forecast.days.preciptype"></span></p>
<p>days temp_f: <span x-html="forecast.days.pressure"></span></p>
<p>days temp_f: <span x-html="forecast.days.severerisk"></span></p>
<p>days temp_f: <span x-html="forecast.days.snow"></span>in</p>
<p>days temp_f: <span x-html="forecast.days.snowdepth"></span>in</p>
<p>days temp_f: <span x-html="forecast.days.solarenergy"></span></p>
<p>days temp_f: <span x-html="forecast.days.solarradiation"></span></p>
<p>days temp_f: <span x-html="forecast.days.sunrise"></span></p>
<p>days temp_f: <span x-html="forecast.days.sunriseEpoch"></span></p>
<p>days temp_f: <span x-html="forecast.days.sunset"></span></p>
<p>days temp_f: <span x-html="forecast.days.sunsetEpoch"></span></p>
<p>days temp: <span x-html="forecast.days.temp"></span>&deg;F</p>
<p>days tempmax: <span x-html="forecast.days.tempmax"></span>&deg;F</p>
<p>days tempmin: <span x-html="forecast.days.tempmin"></span>&deg;F</p>
<p>days uvindex: <span x-html="forecast.days.uvindex"></span></p>
<p>days visibility: <span x-html="forecast.days.visibility"></span>miles</p>
<p>days winddir: <span x-html="forecast.days.winddir"></span></p>
<p>days windgust: <span x-html="forecast.days.windgust"></span>ph</p>
<p>days windspeed: <span x-html="forecast.days.windspeed"></span>mph</p>

<!--hours-->
<p>hours cloudcover: <span x-html="forecast.days.hours.cloudcover"></span>%</p>
<p>hours conditions: <span x-html="forecast.days.hours.conditions"></span></p>
<p>hours datetime: <span x-html="forecast.days.hours.datetime"></span></p>
<p>hours datetimeEpoch: <span x-html="forecast.days.hours.datetimeEpoch"></span></p>
<p>hours dew: <span x-html="forecast.days.hours.dew"></span></p>
<p>hours feelslike: <span x-html="forecast.days.hours.feelslike"></span>&deg;F</p>
<p>hours humidity: <span x-html="forecast.days.hours.humidity"></span>%</p>
<p>hours icon: <span x-html="forecast.days.hours.icon"></span></p>
<p>hours precip: <span x-html="forecast.days.hours.precip"></span></p>
<p>hours precipprob: <span x-html="forecast.days.hours.precipprob"></span>%</p>
<p>hours preciptype: <span x-html="forecast.days.hours.preciptype"></span></p>
<p>hours pressure: <span x-html="forecast.days.hours.pressure"></span></p>
<p>hours severerisk: <span x-html="forecast.days.hours.severerisk"></span></p>
<p>hours snow: <span x-html="forecast.days.hours.snow"></span></p>
<p>hours snowdepth: <span x-html="forecast.days.hours.snowdepth"></span>in</p>
<p>hours temp: <span x-html="forecast.hours.temp"></span>&deg;F</p>
<p>hours uvindex: <span x-html="forecast.hours.uvindex"></span></p>
<p>hours visibility: <span x-html="forecast.hours.visibility"></span>miles</p>
<p>hours winddir: <span x-html="forecast.days.hours.winddir"></span></p>
<p>hours windgust: <span x-html="forecast.days.hours.windgust"></span>mph</p>
<p>hours windspeed: <span x-html="forecast.days.hours.windspeed"></span>mph</p>
<!------------------------------------------------------------------------------------------>
https://weather.visualcrossing.com/VisualCrossingWebServices/rest/services/timeline/McLouth?unitGroup=us&key=XVFQX8FBEATBC2SPJ4AM89PCE&contentType=json

<!------------------------------------------------------------------------------------------>

<script>
$(document).ready(function(){


      var flag=0;
          dark_sky_api_current();
      var darkSkyData;

      function dark_sky_api_current() {
        var skycons = new Skycons({"color": "#FF0082"});
        list  = ["clear-day","clear-night","partly-cloudy-day","partly-cloudy-night","cloudy","rain","sleet","snow","wind","fog"];

        $.get("https://api.darksky.net/forecast/e909699ef5e19a390d6060e6d457b9fd/39.227303300000003,-95.214351399999998?units=us", function(jsonpData){
              darkSkyData = jsonpData;
          

              var icon = JSON.parse(JSON.stringify(jsonpData["current"].icon));
              skycons.set("cur_icon", icon);
              $('#cur_icon').data.title = icon;
              for(var i=0; i<list.length; i++) {
                if(icon == list[i]) {
                  if(icon == 'clear-day') {
                    $('body').css({
                      'background-image':'url(https://source.unsplash.com/1600x900/?clear-day,spring,farm)',
                      'background-attachment':'fixed',
                      'background-size':'100% 100%',
                    });
                  }
                  if(icon == 'clear-night') {
                    $('body').css({
                      'background-image':'url(https://source.unsplash.com/1600x900/?clear-night,spring,farm)',
                      'background-attachment':'fixed',
                      'background-size':'100% 100%',
                    });
                  }
                      if(icon == 'partly-cloudy-day') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?clear-day,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'partly-cloudy-night') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?partly-cloudy-night,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'cloudy') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?cloudy,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'rain') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?rain,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'sleet') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?sleet,winter,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'snow') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?snow,winter,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'wind') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?wind,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                      if(icon == 'fog') {
                          $('body').css({
                              'background-image':'url(https://source.unsplash.com/1600x900/?fog,spring,farm)',
                              'background-attachment':'fixed',
                              'background-size':'100% 100%',
                          });
                      }
                }
              }
              skycons.play();
              $('#report_time').html("<br/>"+moment(darkSkyData["current"]["time"]*1000).format("dddd, MMMM Do YYYY, h:mm a"));
              $('#cur_temp').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(jsonpData["current"]["temperature"])).toFixed(1)+ String.fromCharCode(176) + "F");
              $('#cur_app_temp').html("<br/><tem style=\"color:#fff;\">Feels Like:</tem> "+parseFloat(JSON.stringify(jsonpData["current"]["apparentTemperature"])).toFixed(1)+ String.fromCharCode(176) + "F");
              $('#cur_summary').html("<br/>"+JSON.parse(JSON.stringify(jsonpData["current"]["summary"])));
              $('#cur_humidity').html("&nbsp;"+JSON.stringify(jsonpData["current"]["humidity"]*100)+"%&nbsp;");
              $('#cur_dew').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(jsonpData["current"]["dewPoint"])).toFixed(1)+ String.fromCharCode(176) + "F<br/>");
              $('#cur_pressure').html("&nbsp;"+JSON.stringify(jsonpData["current"]["pressure"])+" mbar&nbsp;");
              $('#cur_cloud').html("&nbsp;"+JSON.stringify(jsonpData["current"]["cloudCover"]*100)+"%<br/>");
              $('#cur_wind_speed').html("&nbsp;"+ parseFloat(JSON.stringify(jsonpData["current"]["windSpeed"]*3.6)).toFixed(1) +" m/h&nbsp;");
              var w = JSON.stringify(jsonpData["current"]["windBearing"]);
              if(w >= 0 && w <= 90) {
                  $('#cur_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Northeast to Southwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 90 && w <= 180) {
                  $('#cur_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Southeast to Northwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 180 && w <= 270) {
                  $('#cur_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Southwest to Northeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else {
                  $('#cur_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Northwest to Southeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              }
              $('#cur_wind_gust').html("&nbsp;"+ parseFloat(JSON.stringify(jsonpData["current"]["windGust"]*3.6)).toFixed(1) +" km/h<br/>");
              $('#cur_ozone').html("<oz style=\"color:#fff;\">Ozone Density:</oz> "+JSON.stringify(jsonpData["current"]["ozone"])+" DU<br/>");
              $('#cur_uv').html("<uv style=\"color:#fff;\">UV Index:</uv> "+JSON.stringify(jsonpData["current"]["uvIndex"])+"<br/><br/>");
          
              success:if(flag != 1) { 
                          dark_sky_api_today();
                          dark_sky_api_hours();
                          dark_sky_api_weekly();
                      }
          }, 'jsonp');

      }

      function dark_sky_api_today() {
          var skycons = new Skycons({"color": "#FF0082"});
          var icon = JSON.parse(JSON.stringify(darkSkyData["daily"][0]["icon"]));
          skycons.set("today_icon", icon);
          $('#today_icon').data.title = icon;
          skycons.play(); 
        
          $('#today_time').html("<br/>"+moment(darkSkyData["daily"][0]["time"]*1000).format("dddd, MMMM Do YYYY"));
          $('#today_temp_max').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(darkSkyData["daily"][0]["tempmax"])).toFixed(1)+ String.fromCharCode(176) + "F");
          $('#today_temp_max_time').html("&nbsp;at "+moment(darkSkyData["daily"][0]["tempmaxTime"]*1000).format("LT")+"<br/>");
          $('#today_app_temp_max').html("<tem style=\"color:#fff;\">Feels Like:</tem> "+parseFloat(JSON.stringify(darkSkyData["daily"][0]["apparenttempmax"])).toFixed(1)+ String.fromCharCode(176) + "F");
          $('#today_app_temp_max_time').html("&nbsp;at "+moment(darkSkyData["daily"][0]["apparenttempmaxTime"]*1000).format("LT")+"<br/>");
          $('#today_temp_min').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(darkSkyData["daily"][0]["temperatureMin"])).toFixed(1)+ String.fromCharCode(176) + "F");
          $('#today_temp_min_time').html("&nbsp;at "+moment(darkSkyData["daily"][0]["temperatureMinTime"]*1000).format("LT")+"<br/>");
          $('#today_app_temp_min').html("<tem style=\"color:#fff;\">Feels Like:</tem> "+parseFloat(JSON.stringify(darkSkyData["daily"][0]["apparentTemperatureMin"])).toFixed(1)+ String.fromCharCode(176) + "F");
          $('#today_app_temp_min_time').html("&nbsp;at "+moment(darkSkyData["daily"][0]["apparentTemperatureMinTime"]*1000).format("LT"));
          $('#today_summary').html("<br/>"+JSON.parse(JSON.stringify(darkSkyData["daily"][0]["summary"])));

          $('#today_humidity').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][0]["humidity"]*100)+"%&nbsp;");
          $('#today_dew').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(darkSkyData["daily"][0]["dewPoint"])).toFixed(1)+ String.fromCharCode(176) + "C<br/>");
          $('#today_pressure').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][0]["pressure"])+" mbar&nbsp;");
          $('#today_cloud').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][0]["cloudCover"]*100)+"%<br/>");
          $('#today_wind_speed').html("&nbsp;"+ parseFloat(JSON.stringify(darkSkyData["daily"][0]["windSpeed"]*3.6)).toFixed(1) +" m/h&nbsp;");
          var w = JSON.stringify(darkSkyData["daily"][0]["windBearing"]);
          if(w >= 0 && w <= 90) {
              $('#today_wind_speed').append('<br/>Wind blowing from <i'+w+String.fromCharCode(176)+' Northeast to Southwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
          } else if(w > 90 && w <= 180) {
              $('#today_wind_speed').append('<br/>Wind blowing from <i'+w+String.fromCharCode(176)+' Southeast to Northwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
          } else if(w > 180 && w <= 270) {
              $('#today_wind_speed').append('<br/>Wind blowing from <i'+w+String.fromCharCode(176)+' Southwest to Northeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
          } else {
              $('#today_wind_speed').append('<br/>Wind blowing from <i'+w+String.fromCharCode(176)+' Northwest to Southeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
          }
          $('#today_wind_gust').html("&nbsp;"+ parseFloat(JSON.stringify(darkSkyData["daily"][0]["windGust"]*3.6)).toFixed(1) +" km/h<br/>");
          $('#today_ozone').html("<oz style=\"color:#fff;\">Ozone Density:</oz> "+JSON.stringify(darkSkyData["daily"][0]["ozone"])+" DU<br/>");
          $('#today_uv').html("<uv style=\"color:#fff;\">UV Index:</uv> "+JSON.stringify(darkSkyData["daily"][0]["uvIndex"])+"&nbsp;");
          $('#today_sunrise').html("at "+moment(darkSkyData["daily"][0]["sunriseTime"]*1000).format("LT")+"&nbsp;");
          $('#today_sunset').html("at "+moment(darkSkyData["daily"][0]["sunsetTime"]*1000).format("LT")+"<br/><br/>");

      }

      function dark_sky_api_hours() {
          var dates = [];
          var times = [];
          var icons = [];
          var temps = [];
          var app_temps = [];
          var summary = [];
          var humidity = [];
          var dew = [];
          var pressure = [];
          var cloud = [];
          var wspeed = [];
          var wbearing = [];
          var wgust = [];
          var ozone = [];
          var uvi = [];

          for(var i=1; i<24; i+=3) {
              dates.push(moment(darkSkyData["hours"][i]["time"]*1000).format("dddd, MMMM Do YYYY"));
              times.push(moment(darkSkyData["hours"][i]["time"]*1000).format("LT"));
              icons.push(JSON.parse(JSON.stringify(darkSkyData["hours"][i]["icon"])));
              temps.push(parseFloat(JSON.parse(JSON.stringify(darkSkyData["hours"][i]["temperature"]))).toFixed(1));
              app_temps.push(parseFloat(JSON.stringify(darkSkyData["hours"][i]["apparentTemperature"])).toFixed(1));
              summary.push(JSON.parse(JSON.stringify(darkSkyData["hours"][i]["summary"])));
              humidity.push(JSON.stringify(darkSkyData["hours"][i]["humidity"]*100));
              dew.push(parseFloat(JSON.stringify(darkSkyData["hours"][i]["dewPoint"])).toFixed(1));
              pressure.push(JSON.stringify(darkSkyData["hours"][i]["pressure"]));
              cloud.push(JSON.stringify(darkSkyData["hours"][i]["cloudCover"]*100));
              wspeed.push(parseFloat(JSON.stringify(darkSkyData["hours"][i]["windSpeed"]*3.6)).toFixed(1));
              var w = JSON.stringify(darkSkyData["hours"][i]["windBearing"]);
              if(w >= 0 && w <= 90) {
                  wbearing.push('Wind blowing from <i'+w+String.fromCharCode(176)+' Northeast to Southwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 90 && w <= 180) {
                  wbearing.push('Wind blowing from <i'+w+String.fromCharCode(176)+' Southeast to Northwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 180 && w <= 270) {
                  wbearing.push('Wind blowing from <i'+w+String.fromCharCode(176)+' Southwest to Northeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else {
                  wbearing.push('Wind blowing from <i'+w+String.fromCharCode(176)+' Northwest to Southeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              }
              wgust.push(parseFloat(JSON.stringify(darkSkyData["hours"][i]["windGust"]*3.6)).toFixed(1));
              ozone.push(JSON.stringify(darkSkyData["hours"][i]["ozone"]));
              uvi.push(JSON.stringify(darkSkyData["hours"][i]["uvIndex"]));
          }
          
          for(var i=0; i<8; i++) {
              var skycons = new Skycons({"color": "#FF0082"});
              skycons.set('hour'+(i+1)+'_icon', icons[i]);
              $('#hour'+(i+1)+'_icon').data.title = icons[i];
              skycons.play();
              $('#hour'+(i+1)+'_time').html(dates[i]+"<br/><b>"+times[i]+"</b>");
              $('#hour'+(i+1)+'_temp').html("&nbsp;&nbsp;"+ temps[i] + String.fromCharCode(176) + "F");
              $('#hour'+(i+1)+'_app_temp').html("<br/><tem style=\"color:#fff;line-height:20px\">Feels Like:</tem> "+ app_temps[i] + String.fromCharCode(176) + "F");
              $('#hour'+(i+1)+'_summary').html("<br/>"+summary[i]);
              $('#hour'+(i+1)+'_humidity').html("&nbsp;"+ humidity[i] +"%&nbsp;");
              $('#hour'+(i+1)+'_dew').html("&nbsp;&nbsp;"+ dew[i] + String.fromCharCode(176) + "F<br/>");
              $('#hour'+(i+1)+'_pressure').html("&nbsp;"+ pressure[i] +" mbar&nbsp;");
              $('#hour'+(i+1)+'_cloud').html("&nbsp;"+ cloud[i] +"%<br/>");
              $('#hour'+(i+1)+'_wind_speed').html("&nbsp;"+ wspeed[i] +" m/h&nbsp;");
              $('#hour'+(i+1)+'_wind_speed').append(wbearing[i]);
              $('#hour'+(i+1)+'_wind_gust').html(wgust[i] + " km/h<br/>");
              $('#hour'+(i+1)+'_ozone').html("<oz style=\"color:#fff;\">Ozone Density:</oz> "+ozone[i]+" DU<br/>");
              $('#hour'+(i+1)+'_uv').html("<uv style=\"color:#fff;\">UV Index:</uv> "+uvi[i]+"<br/><br/>");
          }
      }

      function dark_sky_api_weekly() {
          var dates = [];
          var icons = [];
          var max_temps = [];
          var app_max__temps = [];
          var min_temps = [];
          var app_min_temps = [];
          var summary = [];
          var humidity = [];
          var dew = [];
          var pressure = [];
          var cloud = [];
          var wspeed = [];
          var wbearing = [];
          var wgust = [];
          var ozone = [];
          var uvi = [];
          var sunrise = [];
          var sunset = [];

          for(var i=1; i<8; i++) {
              var skycons = new Skycons({"color": "#FF0082"});
              var icon = JSON.parse(JSON.stringify(darkSkyData["daily"][i]["icon"]));
              skycons.set('day'+i+'_icon', icon);
              $('#day'+i+'_icon').data.title = icon;
              skycons.play();

              $('#day'+i+'_head').html(moment(darkSkyData["daily"][i]["time"]*1000).format("dddd, MMMM Do YYYY"));
              $('#day'+i+'_temp_max').html("&nbsp;&nbsp;"+parseFloat(JSON.parse(JSON.stringify(darkSkyData["daily"][i]["tempmax"]))).toFixed(1) + String.fromCharCode(176) + "F at " + moment(darkSkyData["daily"][i]["tempmaxTime"]*1000).format("LT")+"<br/>");
              $('#day'+i+'_app_temp_max').html("<tem style=\"color:#fff;line-height:20px;\">Feels: </tem> "+parseFloat(JSON.parse(JSON.stringify(darkSkyData["daily"][i]["apparenttempmax"]))).toFixed(1) + String.fromCharCode(176) + "F at " + moment(darkSkyData["daily"][i]["apparenttempmaxTime"]*1000).format("LT")+"<br/>");
              $('#day'+i+'_temp_min').html("&nbsp;&nbsp;"+parseFloat(JSON.parse(JSON.stringify(darkSkyData["daily"][i]["temperatureMin"]))).toFixed(1) + String.fromCharCode(176) + "F at " + moment(darkSkyData["daily"][i]["temperatureMinTime"]*1000).format("LT")+"<br/>");
              $('#day'+i+'_app_temp_min').html("<tem style=\"color:#fff;line-height:20px;\">Feels: </tem> "+parseFloat(JSON.parse(JSON.stringify(darkSkyData["daily"][i]["apparentTemperatureMin"]))).toFixed(1) + String.fromCharCode(176) + "F at " + moment(darkSkyData["daily"][i]["apparentTemperatureMinTime"]*1000).format("LT"));
              $('#day'+i+'_summary').html("<br/>"+JSON.parse(JSON.stringify(darkSkyData["daily"][i]["summary"])));

              $('#day'+i+'_humidity').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][i]["humidity"]*100)+"%&nbsp;");
              $('#day'+i+'_dew').html("&nbsp;&nbsp;"+parseFloat(JSON.stringify(darkSkyData["daily"][i]["dewPoint"])).toFixed(1)+ String.fromCharCode(176) + "F<br/>");
              $('#day'+i+'_pressure').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][i]["pressure"])+" mbar&nbsp;");
              $('#day'+i+'_cloud').html("&nbsp;"+JSON.stringify(darkSkyData["daily"][i]["cloudCover"]*100)+"%<br/>");
              $('#day'+i+'_wind_speed').html("&nbsp;"+ parseFloat(JSON.stringify(darkSkyData["daily"][i]["windSpeed"]*3.6)).toFixed(1) +" m/h&nbsp;");
              var w = JSON.stringify(darkSkyData["daily"][i]["windBearing"]);
              if(w >= 0 && w <= 90) {
                  $('#day'+i+'_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Northeast to Southwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 90 && w <= 180) {
                  $('#day'+i+'_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Southeast to Northwest\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else if(w > 180 && w <= 270) {
                  $('#day'+i+'_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Southwest to Northeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              } else {
                  $('#day'+i+'_wind_speed').append('Wind blowing from <i'+w+String.fromCharCode(176)+' Northwest to Southeast\" class=\"wi wi-wind from-'+w+'-deg\"></i>'+"&nbsp;");
              }
              $('#day'+i+'_wind_gust').html("&nbsp;"+ parseFloat(JSON.stringify(darkSkyData["daily"][i]["windGust"]*3.6)).toFixed(1) +" km/h<br/>");
              $('#day'+i+'_ozone').html("<oz style=\"color: #fff;\">Ozone Density:</oz> "+JSON.stringify(darkSkyData["daily"][i]["ozone"])+" DU<br/>");
              $('#day'+i+'_uv').html("<uv style=\"color: #fff;\">UV Index:</uv> "+JSON.stringify(darkSkyData["daily"][i]["uvIndex"])+"&nbsp;");
              $('#day'+i+'_sunrise').html("at "+moment(darkSkyData["daily"][i]["sunriseTime"]*1000).format("LT")+"&nbsp;");
              $('#day'+i+'_sunset').html("at "+moment(darkSkyData["daily"][i]["sunsetTime"]*1000).format("LT")+"<br/><br/>");
          }
      }

      $('#cur_refresh').click(function(){
          flag = 1;
          dark_sky_api_current();
          $( '#cur_1' ).parent().addClass('off');
          $( '#cur_2' ).parent().addClass('off');
      });
});
</script>