let goTop = document.getElementsByClassName('goTop')[0];
if (goTop) {
  window.addEventListener("scroll", this.handleScroll, true)
}
function handleScroll() {
  let res = document.body.scrollTop || document.documentElement.scrollTop;
  if (res >= 400) {
    goTop.style.display = 'block';
  } else {
    goTop.style.display = 'none';
  }
}
if (goTop) {
  goTop.onclick = function () {
    back();
  }
}
function back() {
  window.scrollTo(0, 0)
}

var myTimer = -1;

function back() {
  var scrollTo = document.documentElement.scrollTop || document.body.scrollTop
  if (myTimer == -1) {
    myTimer = setInterval(() => {
      scrollTo -= 60
      if (scrollTo <= 0) {
        scrollTo = 0
        window.clearInterval(myTimer)
        myTimer = -1
      }
      window.scrollTo(0, scrollTo)
    }, 10);

  }

}
// swiper
var page = document.querySelector(".page");
var total_val = document.querySelector(".total");
var mySwiper = new Swiper(".kerwin", {
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
  loop: true,
  speed: 1000,
  pagination: {
    el: ".swiper-pagination",
    type: "custom",
    autoplayDisableOnInteraction: false,
    renderCustom: function (swiper, current, total) {
      page.innerHTML = "0" + current;
      total_val.innerHTML = "0" + total;
    },

  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
// 浜у搧浠嬬粛鍒囨崲
var tab = document.querySelectorAll(".btns li");
if (tab) {
  for (var i = 0; i < tab.length; i++) {
    addHover(i);
  }
  function addHover(i) {
    tab[i].addEventListener("mouseover", function () {
      setTabClass(i);
      setContClass(i);
    });
  }
  function setTabClass(num) {
    for (var i = 0; i < tab.length; i++) {
      tab[i].classList.remove("btns_active");

    }
    tab[num].classList.add("btns_active");
  }
  function setContClass(num) {
    var cont = document.querySelectorAll(".contents>li");
    for (var i = 0; i < cont.length; i++) {
      cont[i].classList.remove("contents_active");
    }
    cont[num].classList.add("contents_active");
  }
}
// 鍔犵洘 浣跨敤
var agency_franchise = document.querySelectorAll("#agency_franchise");
var apply_for_use = document.querySelectorAll("#apply_for_use");
var bullet = document.querySelector(".intro .bullet");
var bullet_icon = document.querySelector(".intro .bullet .bull .bullet_icon");
var text = document.querySelector(".intro .bullet .bullet_box .bullet_box_top .business_orders");
var submit = document.querySelector(".intro .bullet .bullet_box .bullet_submit .user_submit");
var username = document.querySelector(".intro .bullet .bullet_box .bullet_submit .username>input");
var usertel = document.querySelector(".intro .bullet .bullet_box .bullet_submit .user_tel>input");
var bg_list = ['bullet_bg1', 'bullet_bg2', 'bullet_bg3', 'bullet_bg4']
var product_name = ''
// 鎷涘晢鍔犵洘
for (var q = 0; q < agency_franchise.length; q++) {
  agentcyEvent(q)
}
function agentcyEvent(q) {
  agency_franchise[q].addEventListener("click",
    function () {
      text.innerHTML = '鎷涘晢鍔犵洘'
      for (var c = 0; c < agency_franchise.length; c++) {
        bullet.classList.remove('bullet_active', bg_list[c])

      }
  bullet.classList.add('bullet_active', bg_list[q])

      switch (q) {
        case 0:
          product_name = '鏍戝搧';
          break;
        case 1:
          product_name = '鏍戣弻';
          break;
        case 2:
          product_name = 'G3浜戝钩鍙?;
          break;
        case 3:
          product_name = '涓€绔欓€?;
          break;
      }
    })
}

// 鐢宠璇曠敤
for (var p = 0; p < apply_for_use.length; p++) {
  applyEvent(p)
}
function applyEvent(p) {
  apply_for_use[p].addEventListener("click", function () {
    text.innerHTML = '鐢宠璇曠敤'
    for (var b = 0; b < agency_franchise.length; b++) {
      bullet.classList.remove('bullet_active', bg_list[b])

    }
bullet.classList.add('bullet_active', bg_list[p])
    switch (p) {
      case 0:
        product_name = '鏍戝搧';
        break;
      case 1:
        product_name = '鏍戣弻';
        break;
      case 2:
        product_name = 'G3浜戝钩鍙?;
        break;
      case 3:
        product_name = '涓€绔欓€?;
        break;
    }
  })
}
if(bullet_icon){
    bullet_icon.addEventListener("click", function () {
  username.value = ''
  usertel.value = ''
  bullet.classList.remove('bullet_active')
  bullet.classList.add('bullet_del')
})
}

if(submit){
    submit.onclick = function (obj) {
  var url = 'http://51g3.ac.g3user.com/message/';
  var contacts = username.value
  var mobile = usertel.value;
  var content = product_name + text.innerHTML;
  console.log(contacts, mobile, content);
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
      contacts: contacts,
      mobile: mobile,
      content: content,
    },
    success: function (response, status) {
      if (response.code) {
        alert("璋㈣阿鎮ㄧ殑鍙嶉锛屾垜浠細灏藉揩鑱旂郴鎮紒");
        $(obj)[0].reset();
        username.value = ''
        usertel.value = ''
      } else {
        if (response.tourl != "") {
          if (confirm(response.data + '鏄惁绔嬪嵆璺宠浆鐧诲綍锛?)) {
            location.href = response.tourl;
          }
        }

      }
    },
    error: function (xhr, status, error) {
      alert('杩斿洖鏁版嵁寮傚父锛?);
    }
  });
  return false;

}
}

// 鏈€鏂板姩鎬 
var list = document.querySelectorAll(".list li");
var tent = document.querySelectorAll(".tent li");
var ono = document.querySelector('.ono')
if (list && tent) {
  for (var i = 0; i < list.length; i++) {
    add(i);
  }
  function add(i) {
    list[i].addEventListener("click", function () {
      setlistClass(i);
      setContClass(i);
    });
  }
  function setlistClass(num) {
    for (var i = 0; i < list.length; i++) {
      list[i].classList.remove("active");
    }
    list[num].classList.add("active");
  }
  function setContClass(num) {
    for (var i = 0; i < tent.length; i++) {
      tent[i].classList.remove("tent_active");
    }
    tent[num].classList.add("tent_active");
  }
}

var div = document.querySelectorAll(".tent li>div");
if (div) {
  for (var j = 0; j < div.length; j++) {
    divEvent(j);
  }
  function divEvent(j) {
    div[j].addEventListener("mouseover", function () {
      classDiv(j)
    //   console.log(j)
    });
  }
  function classDiv(num) {
    for (var j = 0; j < div.length; j++) {
      div[j].classList.remove("ono")
      div[j].classList.add("nn")
    }
    div[num].classList.add('ono')
  }
}
// 浠ｇ悊鍟嗚
$(function () {
  if ($(window).width() >= 1024) {
    let dom = $(".ag_list");
    let widths = ["29.5%", "50%", "20.5%"];
    let lis = dom.find("li")
    lis.each(function (i) {
      $(this).mouseenter(
        function () {
          change(i);
          $(this).addClass("on_class");
          let t1 = $(this).find(".t1");
          t1.addClass("class")
          let center = $(this).find(".center");
          center.addClass("c_hover")
          let chongci = $(this).find(".chongci");
          chongci.addClass("cc_display")
        }
      );
      $(this).mouseleave(
        function () {
          let t1 = $(this).find(".t1");
          t1.removeClass("class")
          let center = $(this).find(".center");
          center.removeClass("c_hover")
          let chongci = $(this).find(".chongci");
          chongci.removeClass("cc_display")
        }
      );
    });
    change(1);
    function change(i) {
      let li = dom.find("li");
      li.eq(i).width(widths[1]);
      switch (i) {
        case 0:
          li.eq(1).width(widths[0]);
          li.eq(2).width(widths[2]);
          break;
        case 1:
          li.eq(0).width(widths[0]);
          li.eq(2).width(widths[2]);
          break;
        case 2:
          li.eq(0).width(widths[0]);
          li.eq(1).width(widths[2]);
          break;
      }
    }


  } else {
    let dom = $(".ag_list");
    let widths = ["100%", "100%", "100%"];
    let lis = dom.find("li")
    lis.each(function (i) {
      $(this).mouseenter(
        function () {
          $(this).addClass("on_class");
          let t1 = $(this).find(".t1");
          t1.addClass("class")
          let center = $(this).find(".center");
          center.addClass("c_hover")
          let chongci = $(this).find(".chongci");
          chongci.addClass("cc_display")
        }
      );
      $(this).mouseleave(
        function () {
          let t1 = $(this).find(".t1");
          t1.removeClass("class")
          let center = $(this).find(".center");
          center.removeClass("c_hover")
          let chongci = $(this).find(".chongci");
          chongci.removeClass("cc_display")
        }
      );
    });
    change(1);
    function change(i) {
      let li = dom.find("li");
      li.eq(i).width(widths[1]);
      switch (i) {
        case 0:
          li.eq(1).width(widths[0]);
          li.eq(2).width(widths[2]);
          break;
        case 1:
          li.eq(0).width(widths[0]);
          li.eq(2).width(widths[2]);
          break;
        case 2:
          li.eq(0).width(widths[0]);
          li.eq(1).width(widths[2]);
          break;
      }
    }


  }

});
// 浠ｇ悊鍟嗗浘鐗囧垏鎹
var ag = document.querySelectorAll(".ag_list li");
for (var i = 0; i < ag.length; i++) {
  ag.onmouseenter = function () {
    ag[i].style.flex = "2"
  };
  ag.onmouseleave = function () {
    ag[i].style.flex = "1"
  };
}
// 瀹㈡埛璇村唴瀹瑰垏鎹

var icon_pre = document.querySelector("#icon_pre");
var icon_next = document.querySelector("#icon_next");
var says = document.querySelectorAll(".bucks_list .say_list");
var index = 0;
if(icon_pre){
   icon_pre.onclick = function () {
  for (i = 0; i < says.length; i++) {
    says[i].style.display = "none"
  }
  index = index - 1;
  if (index == -1) {
    index = 2;
  }
  says[index].style.display = "block"
}; 
}
if(icon_next){
    icon_next.onclick = function () {
  for (i = 0; i < says.length; i++) {
    says[i].style.display = "none"
  }
  index = index + 1;
  if (index == 3) {
    index = 0;
  }
  says[index].style.display = "block"
};
}

// 浼佷笟瑙嗛
var videos = document.querySelectorAll(".v_l li")
var vw = document.querySelectorAll(".v.w")
var link = document.querySelectorAll("#video")
var video_img = document.querySelectorAll(".video_img")
var conpany_play = document.querySelectorAll(".play")
for (let q = 0; q < conpany_play.length; q++) {
  conpany_play[q].onclick = function () {
    conpany_play[q].style.display = "none"
    link[q].style.display = "block"
    video_img[q].style.display = "none"
    link[q].play()
    link[q].addEventListener(
      'ended',
      () => {
        conpany_play[q].style.display = "block"

      },
    );
  }
}
for (let z = 0; z < videos.length; z++) {
  videos[z].onclick = function () {
    for (r = 0; r < vw.length; r++) {
      vw[r].style.display = "none"
    }
    vw[z].style.display = "block"
    conpany_play[z].style.display = "block"
    video_img[z].style.display = "block"
    link[z].style.display = "none"
  }
}

// 鎼滅储
$("#searEnter").click(function () {
  var name = $("#searchVal").val();
  if (!name) return;
  var url = "//crm.g3user.com/api/company/checkAgent";
  $.ajax(url, {
    data: {
      name: name,
      callbackParamName: "callback",
    },
    dataType: "jsonp",
    crossDomain: true,
    success: function (data) {
      ap = document.getElementById("apd");
      if (!ap) {
        $("#searchVal").append('<div id="apd"></div>');
        ap = document.getElementById("apd");
      }
      ap = $(ap);
      ap.css("display", "none");
      ap.html(
        '<div style="display:flex; justify-content: space-between;">' +
        '<ul id="apd_main">' +
        (!data.company_name
          ? "<li>鏆傛棤瀵瑰簲鐨勪唬鐞嗗晢淇℃伅!</li>"
          : [
            "<li>鍏徃鍏ㄥ悕锛? + data.company_name + "</li>",
            "<li>鍏徃绠€绉帮細" + data.short_name + "</li>",
          ].join("")) +
        "</ul>" +
        '<div id="close" style="font-size:20px" onclick="$(\'#apd\').slideUp(\'slow\');">&#10006</div>'
        + '</div>'
      );
      ap.slideDown("slow");
    },
  });
});