(function () {
  var $typeScreeningWrapper = $('#target_isoforms_type');
  var $effectScreeningWrapper = $('#target_effects');
  var typeSelectStr = getQueryString('typeName');
  var effectSelectStr = getQueryString('effectName');
  var page = Number($(document).find('[data-products-page-number]').attr('data-products-page-number') || 1);
  var typeSelectArr = typeSelectStr !== '' ? typeSelectStr.split(',') : [];
  var effectSelectArr = effectSelectStr !== '' ? effectSelectStr.split(',') : [];

  var clickSignSwitchTarget = function clickSignSwitchTarget() {
    $effectScreeningWrapper.find('label').on('click', function (e) {
      e.stopPropagation();
      var thisSignImg = $(this).find('img').attr('src');
      var flag = thisSignImg.endsWith('yes1.gif') ? 1 : 0;

      if (flag === 0) {
        $(this).find('img').attr('src', '/new/images/web/yes1.gif');
        effectSelectArr.push($(this).attr('data-category-url'));
      } else {
        $(this).find('img').attr('src', '/new/images/web/non.gif');
        effectSelectArr.splice($.inArray($(this).attr('data-category-url'), effectSelectArr), 1);
      }

      changeUrl(0);
    });
    $typeScreeningWrapper.find('label').on('click', function (e) {
      e.stopPropagation();
      var thisSignImg = $(this).find('img').attr('src');
      var flag = thisSignImg.endsWith('yes1.gif') ? 1 : 0;

      if (flag === 0) {
        $(this).find('img').attr('src', '/new/images/web/yes1.gif');
        typeSelectArr.push($(this).attr('data-category-url'));
      } else {
        $(this).find('img').attr('src', '/new/images/web/non.gif');
        typeSelectArr.splice($.inArray($(this).attr('data-category-url'), typeSelectArr), 1);
      }

      changeUrl(0);
    });
    $(document).find('.list-pro-effect').on('click', function (e) {
      e.stopPropagation();
      effectSelectArr = [$(this).text()];
      changeUrl(0);
    });
  };

  clickSignSwitchTarget();

  var prevPage = function prevPage(obj) {
    page -= 1;
    changeUrl(1);
  };

  var nextPage = function nextPage(obj) {
    page += 1;
    changeUrl(1);
  };

  var goPage = function goPage(obj, pageNum) {
    page = pageNum;
    changeUrl(1);
  };

  window.prevPage = prevPage;
  window.nextPage = nextPage;
  window.goPage = goPage;

  var changeUrl = function changeUrl(type) {
    var curWwwPath = window.location.href;
    var pathName = window.location.pathname;
    var pos = curWwwPath.indexOf(pathName);
    var localhostPath = curWwwPath.substring(0, pos); // let queryString = (effectSelectArr.length > 0 ? '?effectName=' + effectSelectArr.toString() : '');

    var queryString = (typeSelectArr.length > 0 ? '?typeName=' + typeSelectArr.toString() : '') + (typeSelectArr.length > 0 && effectSelectArr.length > 0 ? '&' : effectSelectArr.length > 0 ? '?' : '') + (effectSelectArr.length > 0 ? 'effectName=' + effectSelectArr.toString() : '');

    if (queryString) {
      queryString = queryString + (type ? '&page=' + page : '');
    } else {
      queryString = type ? '?page=' + page : '';
    }

    var newUrl = localhostPath + pathName + queryString;
    window.location.href = newUrl;
  };
})();