(function($) {
  'use strict';

  var apiDaily = "http://api.openweathermap.org/data/2.5/forecast/daily?";
  var apiHourly = "http://api.openweathermap.org/data/2.5/forecast?";
  var apiToday = "http://api.openweathermap.org/data/2.5/weather?";
  var chiaveId = "&appid=deeed8da791aaa9ce48d154821ab2eac";
  var giorniDaily = "&cnt=3";
  var lingua = "&lang=it";
  var giorniHourly = "&cnt=8";
  var unità_metrica = "&units=metric";
  var resetTemp = 0;
  var variazione = 0;
  var cloudinary = "https://res.cloudinary.com/laguno/image/upload/v1481799716/Weather/";
  var cloudinary_video = "https://res.cloudinary.com/laguno/video/upload/v1482186497/Weather/";
  var videoFolders = "weather-video/";

  function getWeather(query) {
    var urlDaily = apiDaily + chiaveId + query + giorniDaily + lingua;
    var urlHourly = apiHourly + chiaveId + query + giorniHourly + lingua;
    var urlToday = apiToday + chiaveId + query + lingua;

    function getIcon(icon) {

      var weather_icon = "";
      var video_background = "";
      var font_color = "";
      var background_panel_color = "";

      switch (icon) {
        case "01d":
          weather_icon = cloudinary + "clear.png";
          video_background = cloudinary_video + videoFolders + "clear_sky.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(60, 142, 203, 0.5)";
          break;
        case "02d":
          weather_icon = cloudinary + "partlycloudy.png";
          video_background = cloudinary_video + videoFolders + "partly_cloudy.mp4";
          font_color = "rgba(70,80,170)";
          background_panel_color = "rgba(150, 200, 200, 0.5)";
          break;
        case "03d":
          weather_icon = cloudinary + "scatteredclouds.png";
          video_background = cloudinary_video + videoFolders + "scattered_clouds.mp4";
          font_color = "rgba(0, 150, 255)";
          background_panel_color = "rgba(255, 255, 255, 0.5)";
          break;
        case "03n":
          weather_icon = cloudinary + "scatteredclouds.png";
          video_background = cloudinary_video + videoFolders + "scattered_clouds_night.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(70, 70, 70, 0.5)";
          break;
        case "04d":
        case "04n":
          weather_icon = cloudinary + "hazy.png";
          video_background = cloudinary_video + videoFolders + "hazy.mp4";
          font_color = "rgba(70,100,80)";
          background_panel_color = "rgba(50, 50, 60, 0.5)";
          break;
        case "09d":
        case "09n":
          weather_icon = cloudinary + "flurries.png";
          video_background = cloudinary_video + videoFolders + "flurries.mp4";
          font_color = "black";
          background_panel_color = "rgba(50, 50, 50, 0.5)";
          break;
        case "10d":
          weather_icon = cloudinary + "rain02.png";
          video_background = cloudinary_video + videoFolders + "rain_day03.mp4";
          font_color = "rgba(50,50,100)";
          background_panel_color = "rgba(140, 180, 200, 0.5)";
          break;
        case "11d":
          weather_icon = cloudinary + "storms.png";
          video_background = cloudinary_video + videoFolders + "storm_day.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(20, 40, 45, 0.5)";
          break;
        case "13d":
          weather_icon = cloudinary + "snow.png";
          video_background = cloudinary_video + videoFolders + "snow_day.mp4";
          font_color = "rgba(70, 50, 170)";
          background_panel_color = "rgba(160, 230, 255, 0.5)";
          break;
        case "13n":
          weather_icon = cloudinary + "snow.png";
          video_background = cloudinary_video + videoFolders + "snow_night.mp4";
          font_color = "rgba(20, 10, 105)";
          background_panel_color = "rgba(255, 255, 255, 0.5)";
          break;
        case "50d":
        case "50n":
          weather_icon = cloudinary + "fog.png";
          video_background = cloudinary_video + videoFolders + "fog.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(130, 130, 130, 0.5)";
          break;
        case "01n":
          weather_icon = cloudinary + "clearnight.png";
          video_background = cloudinary_video + videoFolders + "clear_night.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(60, 60, 100, 0.5)";
          break;
        case "02n":
          weather_icon = cloudinary + "partlycloundynight.png";
          video_background = cloudinary_video + videoFolders + "partly_cloundy_night.mp4";
          font_color = "rgba(0,0,100)";
          background_panel_color = "rgba(180, 180, 230, 0.5)";
          break;
        case "10n":
          weather_icon = cloudinary + "rainnight.png";
          video_background = cloudinary_video + videoFolders + "rain_night.mp4";
          font_color = "whitesmoke";
          background_panel_color = "rgba(90, 90, 90, 0.5)";
          break;
        case "11n":
          weather_icon = cloudinary + "thunderstorms01.png";
          video_background = cloudinary_video + videoFolders + "storm.mp4";
          font_color = "rgba(255, 200, 0)";
          background_panel_color = "rgba(0, 0, 0, 0.5)";
          break;
        default:
          weather_icon = cloudinary + "unknown.png";

      }
      return [weather_icon, video_background, background_panel_color, font_color];
    }

    $.get(urlToday, function(data) {

      var tempo_attuale = data.weather[0].description;
      var temperatura_attuale = Math.floor(data.main.temp - 273.15);
      var umidita_attuale = (data.main.humidity);
      var alba = new Date(data.sys.sunrise * 1000);
      var ora_alba = alba.getHours();
      var minuti_alba = "0" + alba.getMinutes();
      var tramonto = new Date(data.sys.sunset * 1000);
      var ora_tramonto = tramonto.getHours();
      var minuti_tramonto = "0" + tramonto.getMinutes();
      var sunrise = ora_alba + ':' + minuti_alba.substr(-2);
      var sunset = ora_tramonto + ':' + minuti_tramonto.substr(-2);
      var weather_icon_code_today = data.weather[0].icon;
      var max_today = Math.floor(data.main.temp_max - 273.15);
      var min_today = Math.floor(data.main.temp_min - 273.15);
      var vento_today = Math.floor(data.wind.speed * 3.6);
      var weather_icon_today = getIcon(weather_icon_code_today)[0];
      var video_sfondo = getIcon(weather_icon_code_today)[1];
      var colore_pannelli = getIcon(weather_icon_code_today)[2];
      var colore_font_globale = getIcon(weather_icon_code_today)[3];

      $("#pannello-temperatura-attuale").html(temperatura_attuale);
      $("#pannello-umidita-attuale").html(umidita_attuale);
      $("#pannello-tempo-attuale").html(tempo_attuale);
      $(".pannello-alba-ora").html(sunrise);
      $(".pannello-tramonto-ora").html(sunset);
      $("#icona-tempo-attuale").attr('src', weather_icon_today);
      $("#pannello-max-attuale").html(max_today);
      $("#pannello-min-attuale").html(min_today);
      $("#pannello-vento-attuale").html(vento_today + " km/h");
      $("#video-background").attr("src", video_sfondo);
      $("*").css("color", colore_font_globale);
      $(".panel, .bx-wrapper, .panel-heading , .container-fluid").css("background", colore_pannelli);

    });

    $.get(urlHourly, function(data) {
      //if (index > 0) return;
      $(".panel-miniature >img").each(function(index, element) {
        if (index > 7) return;
        var weather_icon_code_hourly = data.list[index].weather[0].icon;
        var weather_icon_hourly = getIcon(weather_icon_code_hourly)[0];

        $(element).attr('src', weather_icon_hourly);

      });
      $(".ora-miniature").each(function(index, element) {
        if (index > 7) return;
        // console.log("index: "+index+ "element: "+element );
        var ora_min = data.list[index].dt_txt;
        var ora_miniatura = ora_min.slice(10, 16);
        $(element).html(ora_miniatura);

      });
    });

    $.get(urlDaily, function(data) {

      $(".pannello-temperatura").each(function(index, element) {
        if (index === 0) return;
        var temperatura = Math.floor((data.list[index++].temp.day - 273.15));
        $(element).html(temperatura);
      });
      $(".pannello-umidita").each(function(index, element) {
        if (index === 0) return;
        var umidità = (data.list[index++].humidity);
        $(element).text(umidità);
      });
      $(".pannello-tempo").each(function(index, element) {
        if (index === 0) return;
        var tempo = data.list[index++].weather[0].description;
        $(element).text(tempo);
      });

      $(".icona-tempo").each(function(index, element) {
        if (index === 0) return;

        var weather_icon_code = data.list[index++].weather[0].icon;
        var weather_icon = getIcon(weather_icon_code)[0];

        $(element).attr('src', weather_icon);
      });

      $(".pannello-max").each(function(index, element) {
        if (index === 0) return;
        var massima = Math.floor(data.list[index++].temp.max - 273.15);
        $(element).text(massima);
      });

      $(".pannello-min").each(function(index, element) {
        if (index === 0) return;
        var minima = Math.floor(data.list[index++].temp.min - 273.15);
        $(element).text(minima);
      });

      $(".pannello-vento").each(function(index, element) {
        if (index === 0) return;
        var vento = Math.floor(data.list[index++].speed * 3.6);
        $(element).text(vento + " km/h");
      });

      $("#pannello-citta").html(data.city.name).slideUp(0).slideDown(900);
    });
  }

  function getWeatherByCity(city) {
    resetTemp = 0;
    var query = "&q=" + city;
    getWeather(query);
  }

  function getWeatherByGeo(position) {
    var query = "&lat=" + position.coords.latitude + "&lon=" + position.coords.longitude;
    getWeather(query);
  }

  $(document).ready(function() {

    navigator.geolocation.getCurrentPosition(getWeatherByGeo);

    $("#search-box").keyup(function() {
      $("#search_submit").hide();
      $("#paper-plane").show();
    });

    $('#search-box').keypress(function(e) {
      if (e.which == 13) {

        $("#paper-plane").click();
        $('#search-box').val("");
        return false;
      }
    });

    $("#paper-plane").click(function() {
      $(this).hide();
      $("#search_submit").show();
      var query = $('#search-box').val();
      if (query !== "") {
        getWeatherByCity(query);
        $('input:text').focus(function() {
          $(this).val('');
        });
      }
    });

    $('#geo').click(function() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(getWeatherByGeo);
        $("#gradiFarheneit ,#gradiCelsius").removeClass("btn-info");
        $(this).addClass(" btn-info");
      }
    });

    $("#gradiCelsius").click(function() {
      if (resetTemp === 0) return;
      $("#gradiFarheneit, #geo").removeClass("btn-info");
      $(this).addClass(" btn-info");
      $(".pannello-temperatura,  .pannello-max,.pannello-min,  .cambio-cel-fahr").each(function(index, element) {
        $(this).fadeToggle(700, function() {
          var temp_attuale = parseInt($(this).text());
          $(element).html(temp_attuale - 32);
          $(".cambio-cel-fahr").html(" °C");
        }).slideToggle(700);
        resetTemp = 0;
      });
    });

    $("#gradiFarheneit").click(function() {
      if (resetTemp === 1) return;
      $("#gradiCelsius, #geo").removeClass(" btn-info");
      $(this).addClass(" btn-info");
      $(".pannello-temperatura, .pannello-max,.pannello-min, .cambio-cel-fahr").each(function(index, element) {
        $(this).fadeToggle(700, function() {
          var temp_attuale = parseInt($(this).text());
          $(element).html(temp_attuale + 32);
          $(".cambio-cel-fahr").html(" °F");
        }).slideToggle(700);
        resetTemp = 1;
      });
    });

    $('.bxslider').bxSlider({
      minSlides: 1,
      maxSlides: 4,
      slideWidth: 270,
      slideMargin: 0,
      ticker: true,
      speed: 20000,
      autoDirection: 'next',
      tickerHover: true,
      options: 'all',
    });

  });

})(jQuery);