(function() {


  var tabTitle = (document.getElementsByClassName("tab-title")[0]).getElementsByTagName("li");
  var tabContent = (document.getElementsByClassName("tab-content")[0]).getElementsByTagName("li");

  /**
   *  index.js 和 swiper.js 中变量 i 冲突
   *  1: 更换index.js中变量i的名称，例如：ff
   *  2: (function(){  })() 自执行函数+闭包 防止变量污染
   */

  // 第一次for循环主要作用是为了给标题绑定 onmousemove 事件
  for(let i = 0;i<tabTitle.length;i++) {
    tabTitle[i].onmousemove = function () {
      
      // 第二次for是为了清除标题和内容的激活样式
      for(let j = 0;j<tabTitle.length;j++) {
        tabTitle[j].className = ""
        tabContent[j].className = "tab-content-item"
      }

      // 为当前悬浮的对象设置 激活样式
      tabTitle[i].className = "selected"
      tabContent[i].className = "tab-content-item item-active"
    }
    
  }

  
})()