var $flag = false;
$(function(){
   var flag  = 0;
    //品牌介绍
    $(".brand-nav li"). mouseenter(function(){
      var  isIe = IEVersion();
      var $index = $(this).index();
      $(this).addClass("nav-li-active").siblings().removeClass("nav-li-active");
      // $(".brand-item .brand-item-img img").eq(flag).removeClass("img-active img-active1");
      $(".brand-nav li").eq($index-1).addClass("nav-li-prevactive").siblings().removeClass("nav-li-prevactive");
       if(flag != $index){
        $(".brand-item .brand-item-img img").eq(flag).addClass("img-active1");
       
        if(isIe == -1){
          var transitionFlag = true;
          // var element = document.querySelectorAll('#brand-item-i')[flag];
          var element = $(".brand-item-img").children("img")[flag];
          element.addEventListener('webkitTransitionEnd',function(e){
            if(e.target === this  && transitionFlag) {
                transitionFlag = false;
                if(   $(".brand-item .brand-item-img img").eq(flag).hasClass("img-active img-active1")){
                  $(".brand-item .brand-item-img img").eq(flag).removeClass("img-active img-active1");
                }else if($(".brand-item .brand-item-img img").eq(flag).hasClass("img-active")){
                  $(".brand-item .brand-item-img img").eq(flag).removeClass("img-active");

                }
                $(".brand-item .brand-item-img img").eq($index).addClass("img-active");
                flag = $index;
            }
           
        },false);
      
        }else if(isIe == 10 || isIe == 11){
          var transitionFlag = true;
          // var element = document.getElementsByClassName('brand-item-img').getElementsByTagName("img");
          var element = $(".brand-item-img").children("img")[flag];
          element.addEventListener('transitionend', function(e) {
            if(e.target === this && transitionFlag) {
              transitionFlag = false;
              if(   $(".brand-item .brand-item-img img").eq(flag).hasClass("img-active img-active1")){
                $(".brand-item .brand-item-img img").eq(flag).removeClass("img-active img-active1");
              }else if($(".brand-item .brand-item-img img").eq(flag).hasClass("img-active")){
                $(".brand-item .brand-item-img img").eq(flag).removeClass("img-active");

              }
              $(".brand-item .brand-item-img img").eq($index).addClass("img-active");
              flag = $index;
            }
           
        },false);
      
        }
       }
    });

    

    

   



  
  


})




 // 判断是否是IE浏览器
 function IEVersion() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; //判断是否IE11浏览器
    if (isIE) {
      var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
      reIE.test(userAgent);
      var fIEVersion = parseFloat(RegExp["$1"]);
      if (fIEVersion == 7) {
        return 7;
      } else if (fIEVersion == 8) {
        return 8;
      } else if (fIEVersion == 9) {
        return 9;
      } else if (fIEVersion == 10) {
        return 10;
      } else {
        return 6; //IE版本<=7
      }
    } else if (isEdge) {
      return 'edge'; //edge
    } else if (isIE11) {
      return 11; //IE11  
    } else {
      return -1; //不是ie浏览器
    }
  }