<div class="tui-overview-image">
  {{#unless hideHeader}}
    <header class="flex-container">
      <h2>{{getResource fields.resource.fields.items 'imageHeading'}}</h2>
      <a href="{{#if modalUrl}}{{modalUrl}}{{else}}{{dpUrlResolver fields.content.links.images}}{{/if}}" class="dp-sub-page open-tui-modal" data-modal-type="image-modal" data-id="images"{{#if dataHotelName}} data-hotel-name="{{dataHotelName}}" data-load-from-wf="true"{{/if}}>
        {{>icon_svg name='picture-mountain'}}
        {{getResource fields.resource.fields.items 'showAllImages' fields.content.images.length}}
      </a>
    </header>
  {{/unless}}
  {{>swipe swipeId='swipe-default'}}
</div>
<script>
function setOverviewImageGalleryLink () {
  if (window.tuiImageGalleryLinkCreator && document.querySelector('.dp-sub-page.open-tui-modal')) {
    window.tuiImageGalleryLinkCreator.init('.main-carousel', '.dp-sub-page.open-tui-modal')
  }
}
if (window.addEventListener) {
    window.addEventListener('load', setOverviewImageGalleryLink, false)
  } else if (window.attachEvent) {
    window.attachEvent('onload', setOverviewImageGalleryLink)
  } else {
    window.onload = setOverviewImageGalleryLink
  }
</script>