$(function() {
  var image01 = '/init/images/pic_birth';
  $('#range01').slider({
    range: 'max',
    min: 1,
    max: 13,
    value: 1,
    slide: function(event, ui) {
      $('.pcOnly #birthImages01 li').val(ui.value);
      // $('#birthImages01 li img').fadeOut(function(){
      //   ($('#birthImages01 li img').attr('src', image01 + '0' + (num + n) + '.jpg')).fadeIn(1500);
      // });
      if($('#birthImages01 li').val() == 1) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '01.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText01').hide();
        $('#birthText01').show();
      } else if($('#birthImages01 li').val() == 2) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '02.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText02').hide();
        $('#birthText02').show();
      } else if($('#birthImages01 li').val() == 3) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '03.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText03').hide();
        $('#birthText03').show();
      } else if($('#birthImages01 li').val() == 4) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '04.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText04').hide();
        $('#birthText04').show();
      } else if($('#birthImages01 li').val() == 5) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '05.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText05').hide();
        $('#birthText05').show();
      } else if($('#birthImages01 li').val() == 6) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '06.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText06').hide();
        $('#birthText06').show();
      } else if($('#birthImages01 li').val() == 7) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '07.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText07').hide();
        $('#birthText07').show();
      } else if($('#birthImages01 li').val() == 8) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '08.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText08').hide();
        $('#birthText08').show();
      } else if($('#birthImages01 li').val() == 9) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '09.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText09').hide();
        $('#birthText09').show();
      } else if($('#birthImages01 li').val() == 10) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '10.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText10').hide();
        $('#birthText10').show();
      } else if($('#birthImages01 li').val() == 11) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '11.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText11').hide();
        $('#birthText11').show();
      } else if($('#birthImages01 li').val() == 12) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '12.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText12').hide();
        $('#birthText12').show();
      } else if($('#birthImages01 li').val() == 13) {
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '13.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#birthText13').hide();
        $('#birthText13').show();
      }
    }
  });
  $('#birthImages01 li').val($('#range01').slider('value'));

  var page = 0;
  // var lastPage = parseInt($('#birthImages01 li').val() == 13);

  // function changePage(){
  //   $('#birthImages01 li img').fadeOut(1000);
  //   $('#birthImages01 li img').eq(page).fadeIn(1000);
  // };

  var Timer;
  function startTimer() {
    Timer = setInterval(function() {
      if($('#birthImages01 li').val() == 1) {
        $('#birthImages01 li').val(2);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '8.33333%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '02.jpg')).fadeIn(1500);
        });
        $('#birthText01').hide();
        $('#birthText02').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 2) {
        $('#birthImages01 li').val(3);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '16.6667%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '03.jpg')).fadeIn(1500);
        });
        $('#birthText02').hide();
        $('#birthText03').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 3) {
        $('#birthImages01 li').val(4);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '25%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '04.jpg')).fadeIn(1500);
        });
        $('#birthText03').hide();
        $('#birthText04').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 4) {
        $('#birthImages01 li').val(5);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '33.3333%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '05.jpg')).fadeIn(1500);
        });
        $('#birthText04').hide();
        $('#birthText05').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 5) {
        $('#birthImages01 li').val(6);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '41.6667%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '06.jpg')).fadeIn(1500);
        });
        $('#birthText05').hide();
        $('#birthText06').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 6) {
        $('#birthImages01 li').val(7);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '50%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '07.jpg')).fadeIn(1500);
        });
        $('#birthText06').hide();
        $('#birthText07').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 7) {
        $('#birthImages01 li').val(8);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '58.3333%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '08.jpg')).fadeIn(1500);
        });
        $('#birthText07').hide();
        $('#birthText08').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 8) {
        $('#birthImages01 li').val(9);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '66.6667%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '09.jpg')).fadeIn(1500);
        });
        $('#birthText08').hide();
        $('#birthText09').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 9) {
        $('#birthImages01 li').val(10);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '75%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '10.jpg')).fadeIn(1500);
        });
        $('#birthText09').hide();
        $('#birthText10').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 10) {
        $('#birthImages01 li').val(11);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '83.3333%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '11.jpg')).fadeIn(1500);
        });
        $('#birthText10').hide();
        $('#birthText11').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 11) {
        $('#birthImages01 li').val(12);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '91.6667%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '12.jpg')).fadeIn(1500);
        });
        $('#birthText11').hide();
        $('#birthText12').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 12) {
        $('#birthImages01 li').val(13);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '100%'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '13.jpg')).fadeIn(1500);
        });
        $('#birthText12').hide();
        $('#birthText13').fadeIn(3000);
      } else if($('#birthImages01 li').val() == 13) {
        $('#birthImages01 li').val(1);
        $('.pcOnly .ui-slider .ui-slider-handle').animate({
          left: '0'
        }, 1500);
        $('#birthImages01 li img').fadeOut(function() {
          ($('#birthImages01 li img').attr('src', image01 + '01.jpg')).fadeIn(1500);
        });
        $('#birthText13').hide();
        $('#birthText01').fadeIn(3000);
      }
    }, 5000);
  }

  function stopTimer(){
    clearInterval(Timer);
  }

  startTimer();
});

// !function(e,t) {
//   function n() {
//     var t=e(".js-range"), n=e("#js-visual-image"), i=e("<div />");
//     i.addClass("idx-range").html(t.html()), t.remove(), n.prepend(i), s(),g(), a()
//   } function i() {
//       var t=e("#steps");
//       y.forEach(function(e) {
//         t.append("<option>" + e.scale + "</option>")
//       })
//   } function a() {
//     var n=e("#js-time"), i = (document.getElementById("js-visual"), document.querySelector(".js-range-input")), a = "input";t.ua.ie && (a = "change");
//     var s = null;
//     Object.keys(y).forEach(function(e){
//       b>y[e].unix && (s = Number(e))
//     });
//     var r = y[s], l = y[s + 1], g = r.unix,p = l?l.unix: v("23: 59: 59"), m = r.scale, f = l?l.scale: _, h = p-g, w = (b-g)/h*_, I = Math.pow(10,1), C = Math.round(w*I)/I, D = m + (f-m)*C/_;
//     i.value = D, e(i).on("input change", function() {
//       o();
//       var t = Number(this.value);
//       N = t;
//       var i = [], a = 0;Object.keys(y).forEach(function(e,n){
//         i[n] = Math.abs(t-y[n].scale), a = i[a]<i[n]?a: n}), n.text(d(!1,y[a].unix)), e(".idx-main-image.is-visible").attr("src", j + "0" + (a + 1) + x + ".jpg"), c(a + 1), u()
//     })
//   } function s() {
//     var t,n = e("#js-time"), i = document.getElementById("js-visual"), a = document.getElementById("js-visual-image_prev"), s = document.getElementById("js-visual-image_next"), u = n.html(), l = { "00": j + "07" + x + ".jpg","01": j + "07" + x + ".jpg","02": j + "01" + x + ".jpg","03": j + "01" + x + ".jpg","04": j + "01" + x + ".jpg","05": j + "01" + x + ".jpg","06": j + "01" + x + ".jpg","07": j + "01" + x + ".jpg","08": j + "02" + x + ".jpg","09": j + "02" + x + ".jpg",10: j + "03" + x + ".jpg",11: j + "03" + x + ".jpg",12: j + "04" + x + ".jpg",13: j + "04" + x + ".jpg",14: j + "05" + x + ".jpg",15: j + "05" + x + ".jpg",16: j + "06" + x + ".jpg",17: j + "06" + x + ".jpg",18: j + "07" + x + ".jpg",19: j + "07" + x + ".jpg",20: j + "07" + x + ".jpg",21: j + "07" + x + ".jpg",22: j + "07" + x + ".jpg",23: j + "07" + x + ".jpg" };
//     Object.keys(l).forEach(function(e) {
//       var t = document.createElement("img");
//       t.src = l[e]
//     }), T = function() {
//       function t() {
//         e(".idx-main-image: not(.is-visible)").attr("src",j + "0" + u + x + ".jpg"), e(a).hasClass(f)?(e(a).removeClass(f), e(s).addClass(f)): e(s).hasClass(f) && (e(s).removeClass(f), e(a).addClass(f)), c(u)
//       } e(".js-topicsBody").hasClass("is-visible") && o();var n = e(".idx-main-image.is-visible").attr("src"), i = n.split("/").pop().split("_").pop().slice(0,2), u = Number(i) + 1;
//         8 === u && (u = 1);var l = 30, v = m*p*l, g = d(!1,y[u-1].unix-v), h = d(!1, y[u-1].unix), w = 20, _ = 100, b = 4, I = w*l + _*b;
//         r({
//           start_time: g, end_time: h, start_speed: w, end_speed: _, end_timing: b, total_speed: I
//         }, u, t)
//     }, B = function(s) {
//       function r(t) {
//         var s = new RegExp(l[t]);
//         (e(i).css("background-image").match(s) || []).length || (M && clearTimeout(M), e(i).removeClass(f), a.src = l[t], M = setTimeout(function(){n.addClass(f), e(a).addClass(f), e(i).addClass(f)}, w))
//       } e(".js-topicsBody").hasClass("is-visible") && o(); var v = d(!1), g = d(!0);if(v!== u) {
//         if(k || (n.html(v), k = !0), u = v, !t || 0 === Number(g) || Number(g)>t) {
//           t = g, r(g);
//           var p = l[g].split("/").pop().split("_").pop().slice(0, 2).slice(1);c(p)
//         } "function" == typeof s && s()
//       }
//     }, B(function() {
//       S = setInterval(function() {
//         return B()
//       }, I)
//     }), O = setInterval(function() {
//       return T()
//     }, C)
//   } function o() {
//     S && clearInterval(S), O && clearInterval(O)
//   } function u() {
//     S=setInterval(function() {
//       return B()
//     }, I), O=setInterval(function() {
//       return T()
//     }, C)
//   } function r(e, n, i) {
//     function a() {
//       var e = N || j.value;j.value = c(Number(e) + b, 1), N && (N = !1), "100" === j.value && (j.value=0), j.value === String(M.scale) && clearInterval(F)
//     } function s() {
//       h = g.setMinutes(g.getMinutes() + 1), g = new Date(h), x = l(g.getHours()) + ": " + l(g.getMinutes()), f.innerText = x;var e = new Date(v + " " + x + ": 00").getTime(), t = new Date(v + " " + d.end_time + ": 00").getTime();
//       !w && (t-e)/p/m<d.end_timing && (_ = d.end_speed, clearInterval(q), q = setInterval(s, _), w = !0), x === d.end_time && (clearInterval(q), "function" == typeof i && i(), C === E && (C = D, o(), u()))
//     } function r() {
//       var e = new Date, t = e.getFullYear(), n = e.getMonth() + 1, i = e.getDate();
//       return t + "/" + n + "/" + i
//     } function c(e, t) {
//         var n = Math.pow(10, t);return Math.round(e*n)/n
//     }
//     var d = e, v = r(), g = new Date(v + " " + d.start_time + ": 00"), f = document.getElementById("js-time"), j = document.querySelector(".js-range-input"), h = void 0, x = void 0, w = void 0, _ = d.start_speed, b = .1;f.innerText = d.end_time, q = setInterval(s, _);
//     var I = n-2 === -1?y[6]: y[n-2], M = y[n-1], B = d.total_speed/(10*(M.scale-I.scale));
//       t.ua.ie || t.ua.edge?j.value = M.scale: F = setInterval(a, B)
//   } function c(t) {
//     e(".idx-range-time").removeClass(f), e(".idx-range-time_0" + t).addClass(f)
//   } function l(e) {
//     return 1 === String(e).length?"0" + e: e
//   } function d(e, t) {
//     var n = t?new Date(t): new Date, i = l(n.getHours()), a = l(n.getMinutes());
//     return e?i: i + ": " + a
//   } function v(e) {
//     var t = new Date, n = t.getFullYear(), i = t.getMonth() + 1, a = t.getDate(), s = e?n + "/" + i + "/" + a + " " + e: n + "/" + i + "/" + a;
//     return new Date(s).getTime()
//   } function g() {
//     e(".js-topics").on("click", function() {
//       o()
//     }), e(".js-topicsBody-close, .overlay#wrap").on("click", function() {
//       u()
//     })
//   } var p = 60, m = 1e3, f = "#wrap", j = "../images/pic_birth_", h = t.ua.mobile && e(window).width()<640, x = h?"-sp": "", w = 300, _ = 100, b = Date.now(), y = [ {scale: 12.8, unix: v("07: 15: 00")}, {
//     scale: 25.7, unix: v("08: 36: 00")
//   }, {
//     scale: 38.5, unix: v("10: 29: 00")
//   }, {
//     scale: 51.4, unix: v("12: 47: 00")
//   }, {
//     scale: 64.3, unix: v("14: 12: 00")
//   }, {
//     scale: 77.2, unix: v("16: 36: 00")
//   }, {
//     scale: 90, unix: v("20: 02: 00")
//   }], I = 1e3, C = 8e3, D = 5e3, E = C, M = void 0, B = void 0, T = void 0, k = void 0, N = void 0, S = void 0, O = void 0, q = void 0, F = void 0;
//   e(function() {
//     h?(y[0].scale = 15, y[1].scale = 28, y[2].scale = 41, y[3].scale = 53.4, y[4].scale = 66.3, y[5].scale = 79.2, y[6].scale = 92, i(), n()): (i(), s(), g(), a())
//   }), e(window).on("blur", function() {
//     o(), e(window).off("focus").on("focus", function() {
//       u()
//     })
//   })
// } (window.jQuery, window.cssua);