/**
 * 亿新科技（温州易尚信息技术有限公司）--- 张洋
 * 2020-06-06
 */

document.body.addEventListener('touchstart', function() {});
$('body').children().click(function() {});
const ua = navigator.userAgent.toLowerCase();
const isWeixin = ua.indexOf('micromessenger') != - 1;
let viewWidth = $(window).width() + 6;
let viewHeight = $(window).height();
const pathname = window.location.pathname;


let scrollSwitch = false;
let prevTop = 0, currTop = 0;
let tPoint = 50;
$(window).scroll(function() {
  currTop = $(window).scrollTop();

  if (currTop > tPoint) {
    if (!scrollSwitch) {
      $('#menu-container').addClass('active');
      scrollSwitch = true;
      /**
       * MP HEAD
       */
      $('#mp-head').addClass('active');
    }
  } else {
    if (scrollSwitch) {
      $('#menu-container').removeClass('active');
      scrollSwitch = false;
      /**
       * MP HEAD
       */
      $('#mp-head').removeClass('active');
    }
  }
});


/**
 * 菜单
 */
$('#menu li').hover(function() {
  $('#menu li.active').attr('data-active', 'active');
  $('#menu li.active').removeClass('active');
  $(this).find('.son').stop().slideDown(320);
}, function() {
  $('#menu li[data-active="active"]').addClass('active');
  $(this).find('.son').stop().slideUp(220);
});
/**
 * MP NAV
 */
$('#nav-btn').on('click', function(e) {
  if ($('#black').hasClass('active')) {
    $('#black').removeClass('active');
    $('#mp-nav').removeClass('active');
    $('body').removeClass('noscroll');
  } else {
    $('#black').addClass('active');
    $('#mp-nav').addClass('active');
    $('body').addClass('noscroll');
  }
  e.stopPropagation();
});
$('#mp-nav').on('click', function(e) {
  e.stopPropagation();
});
$('#mp-nav .menu dt>a').on('click', function() {
  if (!$(this).hasClass('no-dd')) {
    if ($(this).hasClass('active')) {
      $(this).removeClass('active');
      $(this).parent().parent().find('dd').stop().slideUp(250);
    } else {
      $(this).addClass('active').parent().parent().siblings().find('dt>a').removeClass('active');
      $(this).parent().parent().find('dd').stop().slideDown().parent().siblings().find('dd').stop().slideUp(250);
    }
    return false;
  }
});


AOS.init({
  once: true,
  disable: 'mobile'
});


/**
 * 根据页面高度自动计算banner高度
 * 以免使用80%会导致地址栏隐藏时背景图片的抖动
 */
if (viewWidth < 1080 && $('#banner').length) {
  const banner_height = viewHeight * 0.8;
  $('#banner').css('height', banner_height + 'px');
}


/**
 * 搜索框
 */
$('#search-container>a').on('click', function(e) {
  if ($('#search-wrap').is(':hidden')) {
    $('#search-wrap').stop().slideDown(300);
    $('#menu-container').addClass('active');
  } else {
    $('#search-wrap').stop().slideUp(200);
    $('#menu-container').removeClass('active');
  }
  e.stopPropagation();
});
$('#search-wrap').on('click', function(e) {
  e.stopPropagation();
});
$('#search-wrap>.wrap>a').on('click', function(e) {
  $('#search-wrap').stop().slideUp(200);
  $('#menu-container').removeClass('white');
});
// 查询
$('#search-wrap .box a').on('click', function() {
  location.href = '/product/search/?k=' + encodeURIComponent($('input[name="k"]').val());
});
$('#search-wrap .box').on('keydown', function(e) {
  if (e.keyCode == 13) {
    $('#search-wrap .box a').trigger('click');
  }
});

// 移动端搜索
$('#search-btn').on('click', function(e) {
  $('#mp-search-wrap').addClass('active');
  e.stopPropagation();
});
$('#mp-search-wrap input').on('click', function(e) {
  e.stopPropagation();
});
$('#mp-search-wrap .btn').on('click', function(e) {
  $('#mp-search-form').trigger('submit');
  e.stopPropagation();
});


/**
 * 上下滚动banner视差
 */
if (viewWidth >= 1280) {
  $(document).scroll(function() {
    let scrollTop = $(document).scrollTop();
    let sk = scrollTop * 0.2;
    $('#banner').css('top', - sk + 'px');
    if (scrollTop > 200) {
      let opacity = 250 / scrollTop;
      opacity = opacity > 1 ? 1 : opacity;
      $('#video').css('opacity', opacity);
    } else {
      $('#video').css('opacity', 1);
    }
  });
}


/**
 * 返回顶部按钮
 */
$('.to-top').on('click', function() {
  $('html, body').stop().animate({scrollTop: 0});
});


/**
 * 分享
 */
$('#foot .r .wx').on('click', function() {
  layer.open({
    type:1,
    anim:2,
    title:'分享到微信',
    area:['330px', '380px'],
    shadeClose:true,
    content:'<div style="text-align:center; font-size:15px; color:#999; padding-top: 15px;"><img src="common/qrcode?url=' + encodeURI(location.href) + '" alt="分享二维码"><br />微信扫描二维码分享</div>'
  });
});
$('#foot .r .qqzone').on('click', function() {
  window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + encodeURI(location.href) + '&sharesource=qzone&title=&pics=&summary=');
});
$('#foot .r .wb').on('click', function() {
  window.open('http://service.weibo.com/share/share.php?url=' + encodeURI(location.href) + '&sharesource=weibo&title=' + encodeURIComponent(document.title) + '&appkey=1947532550');
});


/**
 * 网站群
 */
$('.site-group .tit').on('click', function (e) {
  if ($('.site-group .tit').hasClass('active')) {
    $('.site-list').stop().slideUp(200);
    $('.site-group .tit').removeClass('active');
  } else {
    $('.site-list').stop().slideDown(300);
    $('.site-group .tit').addClass('active');
  }
  e.stopPropagation();
});


/**
 * 初始化各项互动效果
 */
$(document).on('click', function() {
  $('#search-wrap').stop().slideUp(250);
  if ($(window).scrollTop() < tPoint) {
    $('#menu-container').removeClass('active');
  }
  $('.site-list').stop().slideUp(200);
  $('.site-group .tit').removeClass('active');

  $('#black').removeClass('active');
  $('#mp-nav').removeClass('active');
  $('#view .wrapper').hide();
  $('#play').stop().fadeOut();
  $('body').removeClass('noscroll');
  $('#mp-search-wrap').removeClass('active');

  $('.black').removeClass('active');
  $('#view').removeClass('active');
});
if ($(window).scrollTop() > tPoint) {
  setTimeout( function() {
    $('#menu-container').addClass('active');
  }, 30);
}


(function($) {
  $.fn.loadmore = function(options) {
    var defaults = {
      recordcount: 0,
      page: 1,
      pagecount: 1,
      pagesize: 0,
      url: '',
      loading: '.loading-box',
      box: '.list',
      a: '.more',
      last: '.last-num',
      lastnum: 'span',
      oncomplete: function(data) {
      }//完成后事件
    }
    var opts = $.extend(defaults, options);
    var ele = $(this);

    if (opts.page >= opts.pagecount || opts.recordcount == 0) {
      ele.hide();
      $(opts.box).css('margin-bottom', '80px');
      console.log('所有信息已加载完毕。');
      return false;
    }

    ele.find(opts.a).on('click', function() {
      opts.page ++;

      ele.hide();
      $(opts.loading).show();

      if (opts.page > opts.pagecount || opts.recordcount == 0) {
        ele.hide();
        console.log('所有信息已加载完毕。');
        return false;
      }

      var settings = {
        type: 'POST',
        url: opts.url + '/page/' + opts.page,
        dataType: 'html',
        error: function(XHR, textStatus, errorThrown) {
          console.log("XHR=" + XHR + "\ntextStatus=" + textStatus + "\nerrorThrown=" + errorThrown);
        },
        success: function(data, textStatus) {
          setTimeout(function() {
            $(opts.box).append(data);
            ele.find(opts.a).attr('href', opts.url + '/page/' + (opts.page + 1));
            ele.show();
            var lastnum = opts.recordcount - opts.page * opts.pagesize;
            if (lastnum <= 0) {
              $(opts.last).html('　<br />　');
            } else {
              $(opts.last).find(opts.lastnum).html(lastnum);
            }
            $(opts.loading).hide();
            if (opts.page >= opts.pagecount) ele.hide();

            opts.oncomplete(data);
          }, 360);
        },
        headers: {'Pull-Ajax': 'true'}
      };
      $.ajax(settings);
      return false;
    });
  }
})(jQuery);


(function($) {
  $.fn.wxImgShow = function() {
    var ele = $(this);
    var imgs = new Array();
    for (var i = 0; i < ele.length; i ++) {
      imgs.push(ele.eq(i).attr('src'));
    }
    //console.log(imgs);
    ele.on('click', function() {
      WeixinJSBridge.invoke('imagePreview', {
        'current': $(this).attr('src'),
        'urls': imgs
      });
    });
  }
})(jQuery);


/**
 * 根据锚点定位到相应高度位置
 */
(function($) {
  $.fn.reach = function() {
    var ele = $(this);

    ele.on('click', function() {
      const url = $(this).attr('href');

      // 如果不是当前页面则直接返回
      if (window.location.pathname != url.substring(0, $(this).attr('href').indexOf('#'))) {
        return;
      }

      // 得到要定位的元素
      const p = url.substring(url.indexOf('#'));
      if ($(p).length) {
        // 得到元素的位置
        const scrollTop = $(p).offset().top;
        // 跳到位置
        $('html,body').animate({scrollTop: scrollTop + 'px'}, 600, 'easeOutExpo');
        // 改变url的值
        window.history.pushState(null, null, url);
      }
      return false;
    });
  }
})(jQuery);

const reach = function() {
  const hash = window.location.hash;
  if (hash) {
    // 得到要定位的元素
    if ($(hash).length) {
      // 得到元素的位置
      const scrollTop = $(hash).offset().top;
      // 跳到位置
      $('html,body').animate({scrollTop: scrollTop + 'px'}, 600, 'easeOutExpo');
    }
  }
}


$('#foot dd>a').reach();