$(function() {
  var image01 = '/init/images/pic_birth';
  $('#range02').slider({
    orientation: 'vertical',
    range: 'max',
    min: 1,
    max: 13,
    value: 13,
    slide: function(event, ui) {
      $('.spOnly #birthImages02 li').val(ui.value);
      if($('#birthImages02 li').val() == 13) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '01_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText01').hide();
        $('#spBirthText01').show();
      } else if($('#birthImages02 li').val() == 12) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '02_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText02').hide();
        $('#spBirthText02').show();
      } else if($('#birthImages02 li').val() == 11) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '03_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText03').hide();
        $('#spBirthText03').show();
      } else if($('#birthImages02 li').val() == 10) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '04_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText04').hide();
        $('#spBirthText04').show();
      } else if($('#birthImages02 li').val() == 9) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '05_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText05').hide();
        $('#spBirthText05').show();
      } else if($('#birthImages02 li').val() == 8) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '06_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText06').hide();
        $('#spBirthText06').show();
      } else if($('#birthImages02 li').val() == 7) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '07_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText07').hide();
        $('#spBirthText07').show();
      } else if($('#birthImages02 li').val() == 6) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '08_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText08').hide();
        $('#spBirthText08').show();
      } else if($('#birthImages02 li').val() == 5) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '09_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText09').hide();
        $('#spBirthText09').show();
      } else if($('#birthImages02 li').val() == 4) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '10_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText10').hide();
        $('#spBirthText10').show();
      } else if($('#birthImages02 li').val() == 3) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '11_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText11').hide();
        $('#spBirthText11').show();
      } else if($('#birthImages02 li').val() == 2) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '12_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText12').hide();
        $('#spBirthText12').show();
      } else if($('#birthImages02 li').val() == 1) {
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '13_sp.jpg')).fadeIn(1500);
        });
        $('.birthdayContainer').not('#spBirthText13').hide();
        $('#spBirthText13').show();
      }
    }
  });
  $('#birthImages02 li').val($('#range02').slider('value'));

  var Timer;
  function startTimer() {
    Timer = setInterval(function() {
      if($('#birthImages02 li').val() == 13) {
        $('#birthImages02 li').val(12);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '91.6667%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '02_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText01').hide();
        $('#spBirthText02').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 12) {
        $('#birthImages02 li').val(11);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '83.3333%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '03_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText02').hide();
        $('#spBirthText03').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 11) {
        $('#birthImages02 li').val(10);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '75%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '04_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText03').hide();
        $('#spBirthText04').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 10) {
        $('#birthImages02 li').val(9);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '66.6667%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '05_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText04').hide();
        $('#spBirthText05').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 9) {
        $('#birthImages02 li').val(8);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '58.3333%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '06_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText05').hide();
        $('#spBirthText06').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 8) {
        $('#birthImages02 li').val(7);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '50%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '07_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText06').hide();
        $('#spBirthText07').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 7) {
        $('#birthImages02 li').val(6);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '41.6667%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '08_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText07').hide();
        $('#spBirthText08').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 6) {
        $('#birthImages02 li').val(5);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '33.3333%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '09_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText08').hide();
        $('#spBirthText09').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 5) {
        $('#birthImages02 li').val(4);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '25%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '10_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText09').hide();
        $('#spBirthText10').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 4) {
        $('#birthImages02 li').val(3);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '16.6667%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '11_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText10').hide();
        $('#spBirthText11').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 3) {
        $('#birthImages02 li').val(2);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '8.33333%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '12_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText11').hide();
        $('#spBirthText12').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 2) {
        $('#birthImages02 li').val(1);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '0'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '13_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText12').hide();
        $('#spBirthText13').fadeIn(3000);
      } else if($('#birthImages02 li').val() == 1) {
        $('#birthImages02 li').val(13);
        $('.spOnly .ui-slider .ui-slider-handle').animate({
          bottom: '100%'
        }, 1500);
        $('#birthImages02 li img').fadeOut(function() {
          ($('#birthImages02 li img').attr('src', image01 + '01_sp.jpg')).fadeIn(1500);
        });
        $('#spBirthText13').hide();
        $('#spBirthText01').fadeIn(3000);
      }
    }, 5000);
  }

  function stopTimer(){
    clearInterval(Timer);
  }

  startTimer();
});