$(function () {
  var winheight = $(window).height();
  // setTimeout(function() {
  var bannerMarginTop = parseFloat($('.banner').css('margin-top'));
  //console.log(bannerMarginTop);
  $('.qmmBanner .bd ul').height(winheight - bannerMarginTop);
  $('.qmmBanner .bd ul li').height(winheight - bannerMarginTop);
  // }, 600);
})


var winwidth = $("window").width();
$(".qmmTopNav .nav2 .qmmBusiness.hide").width(winwidth);


$(function () {

  $(".qmmBanner").slide({
    titCell: ".pagination",
    mainCell: ".bd ul",
    effect: "leftLoop",
    autoPage: true,
    autoPlay: true,
    interTime: 6000,
    // easing:"easeOutCirc",
    trigger: "click",
    mouseOverStop: "false"
  });
  $(".qmmWapBanner").slide({
    mainCell: ".swiper-wrapper",
    effect: "leftLoop",
    autoPage: true,
    autoPlay: true,
    interTime: 6000,
    // easing:"easeOutCirc",
    trigger: "click",
    mouseOverStop: "false"
  });
  for (let i = 0; i < Math.ceil($('.q_jList').find('li').length / 4); i++) {
    $('.q_jdot').append('<li class="on">1</li>');
  }


  $(".q_jswiper").slide({
    titCell: ".q_jdot",
    mainCell: ".bd ul",
    autoPage: true,
    effect: "left",
    scroll: 4,
    vis: 4,
    trigger: "click"
  })

});

//console.log($("img.scale").length);

$("img.scale").imageScale();

addNum();

function addNum() {
  var endNum = [];
  var True = true;

  $('.index .part4 .roll span').each(function (i) {
    endNum.push($('.index .part4 .roll span').eq(i).text());
    $('.index .part4 .roll span').eq(i).text(0);
  });

  function increase(index, current) {
    var sup = endNum[index];
    if (current > sup) return;

    $(".index .part4 .roll span:eq(" + index + ")").text(current);

    setTimeout(function () {
      increase(index, current + 1)
    }, 80);
  }
}
const menuList = $('.secMenu a')
let active = $('.secMenu a.active')
$(menuList).on('click', function(e) {
  window.removeEventListener('scroll', handleScroll)
  $('.secMenu a').each(function () {
    $(this).removeClass('active')
  })
  $(this).addClass('active')
  active = $(this)
  $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, 500, () => window.addEventListener('scroll', handleScroll));

  return false;
})
$('.secMenu').on('mouseenter', function () {
  active.removeClass('active')
})

$('.secMenu').on('mouseleave', function () {
  active.addClass('active')
})

const idList = ['home', 'about', 'digital', 'core', 'careers', 'contact', 'company']
function handleScroll(e) {
  if (window.scrollY > 400) {
    $('.headNav').find('.botCon').css('backgroundColor', '#fff')
  } else {
    $('.headNav').find('.botCon').css('backgroundColor', 'rgba(255,255,255,0.5)')
  }
  idList.forEach(ele => {
    if (window.scrollY - 50 < $(`#${ele}`).offset().top && window.scrollY + 50 > $(`#${ele}`).offset().top) {
      $('.secMenu a').each(function () {
        $(this).removeClass('active')
      })
      $(`.secMenu a[href="#${ele}"]`).addClass('active')
      active = $(`.secMenu a[href="#${ele}"]`)
    }
  }) 
}
window.addEventListener('scroll', handleScroll)
$(function () {
  $('.szhfw').eq(0).addClass('active')
  const digitalLiList = $('.digital').find('li.ibox')
  digitalLiList.eq(0).addClass('active')
  const digitalContent = $('.digital').find('.content-box p').hide()
  digitalContent.eq(0).show()
  for (let i = 0; i < digitalLiList.length; i++) {
    const ele = digitalLiList[i];
    $(ele).on('mouseenter', () => {
      $(ele).siblings().removeClass('active')
      $(ele).addClass('active')
      digitalContent.hide()
      digitalContent.eq(i).show()
    })
  }
})

$('.footer a').on('click', function () {
  $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, 500);
})