<script>
window.addEventListener('load', () => {

  /* get the instances ID from the console, by entering `bricksData.splideInstances` */
  const coreCarouselId = 'eqxyrm',
    thumbnailCarouselId = 'lgkfnt',
    core = bricksData.splideInstances[coreCarouselId],
    thumbnail = bricksData.splideInstances[thumbnailCarouselId]

  if (core && thumbnail) {
    core.sync(thumbnail)
  }

  document.addEventListener('click', (e) => {
    const slide = e.target.closest(`#brxe-${thumbnailCarouselId} .splide__slide`)
    if (slide) {
      const ariaLabel = slide.getAttribute('aria-label');
      const index = parseInt(ariaLabel.split(' ')[0]) - 1;
      thumbnail.go(index);
    }
  })

});
</script>