(function ($, Drupal, settings) {
  "use strict";

  var oul = $('#ul1_1');
  var oulHtml = oul.html();
  oul.html(oulHtml + oulHtml)
  $(".timeAxis:odd").addClass("even");
  var timeId = null;

  var ali = $('#ul1_1 li');
  var aliWidth = ali.eq(0).width();
  var aliSize = ali.length;
  var ulWidth = aliWidth * aliSize;
  oul.width(ulWidth);
  ali.each(function (index, ele) {
    var text = $(ele).find('.WinTitle').text();
    $(ele).find('.WinTitle').attr('title')
    $(ele).find('.WinTitle').attr('title', text)
  })

  var speed = -2;

  function slider() {

    if (speed < 0) {
      if (oul.css('left') == -ulWidth / 2 + 'px') {
        oul.css('left', 0);
      }
      oul.css('left', '+=-2px');
    }


    if (speed > 0) {
      if (oul.css('left') == '0px') {
        oul.css('left', -ulWidth / 2 + 'px');
      }
      oul.css('left', '+=' + speed + 'px');
    }

  }

  // setInterval()函数的作用是：每隔一段时间，执行该函数里的代码
  timeId = setInterval(slider, 30);

  $('#div1').mouseover(function () {
    // clearInterval()函数的作用是用来清除定时器
    clearInterval(timeId);
  });

  $('#div1').mouseout(function () {
    timeId = setInterval(slider, 30);
  });

  $('#btn1').click(function () {
    speed = -2;
  });

  $('#btn2').click(function () {
    speed = 2;
  });


  $(".timeAxis").hover(function (){
    $(this).find(".WinTime").addClass("active-bg-color");
    $(this).find(".WinTitle").addClass("active-color");
  },function (){
    $(this).find(".WinTime").removeClass("active-bg-color");
    $(this).find(".WinTitle").removeClass("active-color");
  })
})
(jQuery, Drupal, drupalSettings);