//Dynamic Catalog Courses Hover Pop Up
jQuery(function() {
  var moveLeft = 400;
  var moveDown = -30;        
  var moveUp = 10;     
  var moveRight = 210;

  function adjustPopUpPosition(e, popUp) {
    var popUpHeight = popUp.outerHeight();  
    var popUpWidth = popUp.outerWidth();   
    var windowHeight = $(window).height(); 
    var windowWidth = $(window).width(); 
    var scrollTop = $(window).scrollTop(); 

    var topPos = e.pageY - 800;
    var leftPos = e.pageX - moveLeft;

    var spaceAbove = e.pageY - scrollTop; 
    var spaceBelow = e.pageY - (topPos + popUpHeight);
    var spaceLeft = leftPos;
    var spaceRight = windowWidth - (leftPos + popUpWidth);

    if (spaceBelow < 0) {
      topPos = e.pageY - popUpHeight - moveUp; 
    } 
    else if (spaceAbove < popUpHeight) {
      topPos = e.pageY + moveDown;
    }
	else {
	  topPos = e.pageY - 400;
	}

    if (spaceRight < 0) {
      leftPos = e.pageX - popUpWidth - moveLeft;
    } else if (spaceLeft < popUpWidth) {
      leftPos = e.pageX + moveRight;
    }

    popUp.css({
      'top': topPos,
      'left': leftPos
    });
  }

  // Online pop-up
  $('.onlineInfo').hover(function(e) {
    $('div#online-pop-up').show();
  }, function() {
    $('div#online-pop-up').hide();
  });
  $('.online').mousemove(function(e) {
    adjustPopUpPosition(e, $("div#online-pop-up"));
  });

  // Kit pop-up
  $('.DIYInfo').hover(function(e) {
    $('div#kit-text-pop-up').show();
  }, function() {
    $('div#kit-text-pop-up').hide();
  });
  $('.kit').mousemove(function(e) {
    adjustPopUpPosition(e, $("div#kit-text-pop-up"));
  });

  // TTT pop-up
  $('.TTTInfo').hover(function(e) {
    $('div#ttt-text-pop-up').show();
  }, function() {
    $('div#ttt-text-pop-up').hide();
  });
  $('.ttt').mousemove(function(e) {
    adjustPopUpPosition(e, $("div#ttt-text-pop-up"));
  });

  // Pre-op pop-up
  $('.preopInfo').hover(function(e) {
    $('div#pre-op-text-pop-up').show();
  }, function() {
    $('div#pre-op-text-pop-up').hide();
  });
  $('.preop').mousemove(function(e) {
    adjustPopUpPosition(e, $("div#pre-op-text-pop-up"));
  });

  // Video pop-up
  $('.videoInfo').hover(function(e) {
    $('div#video-text-pop-up').show();
  }, function() {
    $('div#video-text-pop-up').hide();
  });
  $('.video').mousemove(function(e) {
    adjustPopUpPosition(e, $("div#video-text-pop-up"));
  });
});


//Toggle functions
const collectionAll = document.getElementsByClassName("product_cat-online");
for (let i = 0; i < collectionAll.length; i++) {
    collectionAll[i].style.display = "block";
}
const collectionVideo = document.getElementsByClassName("product_cat-full-training-video");
for (let i = 0; i < collectionVideo.length; i++) {
  collectionVideo[i].style.display = "block";
}
const collectionAg = document.getElementsByClassName("product_cat-ag");
for (let i = 0; i < collectionAg.length; i++) {
  collectionAg[i].style.display = "block";
}

const collectionMed = document.getElementsByClassName("product_cat-med");
for (let i = 0; i < collectionMed.length; i++) {
  collectionMed[i].style.display = "block";
}

const collectionAtHeights = document.getElementsByClassName("product_cat-at-heights");
for (let i = 0; i < collectionAtHeights.length; i++) {
  collectionAtHeights[i].style.display = "block";
}

const collectionCommunity = document.getElementsByClassName("product_cat-community-awareness");
for (let i = 0; i < collectionCommunity.length; i++) {
  collectionCommunity[i].style.display = "block";
}

const collectionCompetent = document.getElementsByClassName("product_cat-competent-person");
for (let i = 0; i < collectionCompetent.length; i++) {
  collectionCompetent[i].style.display = "block";
}

const collectionCrane = document.getElementsByClassName("product_cat-cranes");
for (let i = 0; i < collectionCrane.length; i++) {
  collectionCrane[i].style.display = "block";
}

const collectionEarthmover = document.getElementsByClassName("product_cat-earthmover");
for (let i = 0; i < collectionEarthmover.length; i++) {
  collectionEarthmover[i].style.display = "block";
}

const collectionElectric = document.getElementsByClassName("product_cat-electrical");
for (let i = 0; i < collectionElectric.length; i++) {
  collectionElectric[i].style.display = "block";
}

const collectionEnv = document.getElementsByClassName("product_cat-environment");
for (let i = 0; i < collectionEnv.length; i++) {
  collectionEnv[i].style.display = "block";
}

const collectionFire = document.getElementsByClassName("product_cat-fire");
for (let i = 0; i < collectionFire.length; i++) {
  collectionFire[i].style.display = "block";
}

const collectionForklift = document.getElementsByClassName("product_cat-forklift");
for (let i = 0; i < collectionForklift.length; i++) {
  collectionForklift[i].style.display = "block";
}

const collectionHealth = document.getElementsByClassName("product_cat-health");
for (let i = 0; i < collectionHealth.length; i++) {
  collectionHealth[i].style.display = "block";
}

const collectionHr = document.getElementsByClassName("product_cat-hr");
for (let i = 0; i < collectionHr.length; i++) {
  collectionHr[i].style.display = "block";
}

const collectionIndus = document.getElementsByClassName("product_cat-industrial-hygiene");
for (let i = 0; i < collectionIndus.length; i++) {
  collectionIndus[i].style.display = "block";
}

const collectionLands = document.getElementsByClassName("product_cat-landscaping");
for (let i = 0; i < collectionLands.length; i++) {
  collectionLands[i].style.display = "block";
}

const collectionMaritime = document.getElementsByClassName("product_cat-maritime");
for (let i = 0; i < collectionMaritime.length; i++) {
  collectionMaritime[i].style.display = "block";
}

const collectionMobile = document.getElementsByClassName("product_cat-mobile-equipment");
for (let i = 0; i < collectionMobile.length; i++) {
  collectionMobile[i].style.display = "block";
}

const collectionRoad = document.getElementsByClassName("product_cat-road-work");
for (let i = 0; i < collectionRoad.length; i++) {
  collectionRoad[i].style.display = "block";
}

const collectionSmall = document.getElementsByClassName("product_cat-small-equipment");
for (let i = 0; i < collectionSmall.length; i++) {
  collectionSmall[i].style.display = "block";
}

const collectionOther = document.getElementsByClassName("product_cat-other");
for (let i = 0; i < collectionOther.length; i++) {
  collectionOther[i].style.display = "block";
}
const collectionTitle = document.getElementsByClassName("title");
for (let i = 0; i < collectionTitle.length; i++) {
  collectionTitle[i].style.display = "none";
}

function triggerAll() {
    jQuery(".filter-tabs").removeClass("active-tab");
    jQuery(".filter-tabs-span").removeClass("active-tab-span");
    jQuery(".filter-tabs-cal").removeClass("active-tab-cal");
    jQuery(".filter-tabs-can").removeClass("active-tab-can");

    jQuery(".filter-tabs:first-of-type").addClass("active-tab");
    jQuery(".filter-tabs-span:first-of-type").addClass("active-tab-span");
    jQuery(".filter-tabs-cal:first-of-type").addClass("active-tab-cal");
    jQuery(".filter-tabs-can:first-of-type").addClass("active-tab-can");

    for (let i = 0; i < collectionVideo.length; i++) {
      collectionVideo[i].style.display = "block";
    }

    for (let i = 0; i < collectionAg.length; i++) {
      collectionAg[i].style.display = "block";
    }

    for (let i = 0; i < collectionMed.length; i++) {
      collectionMed[i].style.display = "block";
    }

    for (let i = 0; i < collectionCommunity.length; i++) {
      collectionCommunity[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionCompetent.length; i++) {
      collectionCompetent[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionCrane.length; i++) {
      collectionCrane[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionEarthmover.length; i++) {
      collectionEarthmover[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionElectric.length; i++) {
      collectionElectric[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionEnv.length; i++) {
      collectionEnv[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionFire.length; i++) {
      collectionFire[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionForklift.length; i++) {
      collectionForklift[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionHealth.length; i++) {
      collectionHealth[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionHr.length; i++) {
      collectionHr[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionIndus.length; i++) {
      collectionIndus[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionLands.length; i++) {
      collectionLands[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionMaritime.length; i++) {
      collectionMaritime[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionMobile.length; i++) {
      collectionMobile[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionRoad.length; i++) {
      collectionRoad[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionSmall.length; i++) {
      collectionSmall[i].style.display = "block";
    }
  
    for (let i = 0; i < collectionOther.length; i++) {
      collectionOther[i].style.display = "block";
    }
    for (let i = 0; i < collectionAtHeights.length; i++) {
      collectionAtHeights[i].style.display = "block";
    }
    for (let i = 0; i < collectionTitle.length; i++) {
      collectionTitle[i].style.display = "none";
    }

  }
  function triggerVideo() {
    
    for (let i = 0; i < collectionAg.length; i++) {
      collectionAg[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionMed.length; i++) {
      collectionMed[i].style.display = "none";
    }
    for (let i = 0; i < collectionCommunity.length; i++) {
      collectionCommunity[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionCompetent.length; i++) {
      collectionCompetent[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionCrane.length; i++) {
      collectionCrane[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionEarthmover.length; i++) {
      collectionEarthmover[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionElectric.length; i++) {
      collectionElectric[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionEnv.length; i++) {
      collectionEnv[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionFire.length; i++) {
      collectionFire[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionForklift.length; i++) {
      collectionForklift[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionHealth.length; i++) {
      collectionHealth[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionHr.length; i++) {
      collectionHr[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionIndus.length; i++) {
      collectionIndus[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionLands.length; i++) {
      collectionLands[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionMaritime.length; i++) {
      collectionMaritime[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionMobile.length; i++) {
      collectionMobile[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionRoad.length; i++) {
      collectionRoad[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionSmall.length; i++) {
      collectionSmall[i].style.display = "none";
    }
  
    for (let i = 0; i < collectionOther.length; i++) {
      collectionOther[i].style.display = "none";
    }
    for (let i = 0; i < collectionAtHeights.length; i++) {
      collectionAtHeights[i].style.display = "none";
    }
    for (let i = 0; i < collectionVideo.length; i++) {
      collectionVideo[i].style.display = "block";
    }
	if (collectionVideo.length > 0) {
		collectionVideo[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
  }
function triggerAtHeights() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "block";
  }

  if (collectionAtHeights.length > 0) {
    collectionAtHeights[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
}

function triggerAg() {

  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "block";
  }

	if (collectionAg.length > 0) {
		collectionAg[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerMed() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }
  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "block";
  }
	
	if (collectionMed.length > 0) {
		collectionMed[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerCommunity() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "block";
  }
	
	if (collectionCommunity.length > 0) {
		collectionCommunity[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerCompetent() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "block";
  }
	
	if (collectionCompetent.length > 0) {
		collectionCompetent[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerCrane() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "block";
  }
	
	if (collectionCrane.length > 0) {
		collectionCrane[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerEarthmover() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "block";
  }
	
	if (collectionEarthmover.length > 0) {
		collectionEarthmover[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerElectric() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "block";
  }
	
	if (collectionElectric.length > 0) {
		collectionElectric[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerEnviromental() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "block";
  }
	
	if (collectionEnv.length > 0) {
		collectionEnv[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerFire() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "block";
  }
	
	if (collectionFire.length > 0) {
		collectionFire[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerForklift() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "block";
  }
	if (collectionForklift.length > 0) {
		collectionForklift[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerHealth() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "block";
  }
	if (collectionHealth.length > 0) {
		collectionHealth[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerHr() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "block";
  }
	if (collectionHr.length > 0) {
		collectionHr[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerIndust() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "block";
  }
	if (collectionIndus.length > 0) {
		collectionIndus[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerLandscaping() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "block";
  }
	if (collectionLands.length > 0) {
		collectionLands[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerMaritime() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "block";
  }
	if (collectionMaritime.length > 0) {
		collectionMaritime[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerMobile() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "block";
  }
	if (collectionMobile.length > 0) {
		collectionMobile[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerRoad() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }
  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "block";
  }
	if (collectionRoad.length > 0) {
		collectionRoad[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerSmall() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "block";
  }
	if (collectionSmall.length > 0) {
		collectionSmall[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}
function triggerOther() {
  for (let i = 0; i < collectionVideo.length; i++) {
    collectionVideo[i].style.display = "none";
  }
  for (let i = 0; i < collectionAg.length; i++) {
    collectionAg[i].style.display = "none";
  }

  for (let i = 0; i < collectionMed.length; i++) {
    collectionMed[i].style.display = "none";
  }
  for (let i = 0; i < collectionAtHeights.length; i++) {
    collectionAtHeights[i].style.display = "none";
  }

  for (let i = 0; i < collectionCommunity.length; i++) {
    collectionCommunity[i].style.display = "none";
  }

  for (let i = 0; i < collectionCompetent.length; i++) {
    collectionCompetent[i].style.display = "none";
  }

  for (let i = 0; i < collectionCrane.length; i++) {
    collectionCrane[i].style.display = "none";
  }

  for (let i = 0; i < collectionEarthmover.length; i++) {
    collectionEarthmover[i].style.display = "none";
  }

  for (let i = 0; i < collectionElectric.length; i++) {
    collectionElectric[i].style.display = "none";
  }

  for (let i = 0; i < collectionEnv.length; i++) {
    collectionEnv[i].style.display = "none";
  }

  for (let i = 0; i < collectionFire.length; i++) {
    collectionFire[i].style.display = "none";
  }

  for (let i = 0; i < collectionForklift.length; i++) {
    collectionForklift[i].style.display = "none";
  }

  for (let i = 0; i < collectionHealth.length; i++) {
    collectionHealth[i].style.display = "none";
  }

  for (let i = 0; i < collectionHr.length; i++) {
    collectionHr[i].style.display = "none";
  }

  for (let i = 0; i < collectionIndus.length; i++) {
    collectionIndus[i].style.display = "none";
  }

  for (let i = 0; i < collectionLands.length; i++) {
    collectionLands[i].style.display = "none";
  }

  for (let i = 0; i < collectionMaritime.length; i++) {
    collectionMaritime[i].style.display = "none";
  }

  for (let i = 0; i < collectionMobile.length; i++) {
    collectionMobile[i].style.display = "none";
  }

  for (let i = 0; i < collectionRoad.length; i++) {
    collectionRoad[i].style.display = "none";
  }

  for (let i = 0; i < collectionSmall.length; i++) {
    collectionSmall[i].style.display = "none";
  }

  for (let i = 0; i < collectionOther.length; i++) {
    collectionOther[i].style.display = "block";
  }
	if (collectionOther.length > 0) {
		collectionOther[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
	}
}