{{#with data}}
<div id="{{@root/dom/divListingImageFrame}}" class="image-slider-frame bs4--position-relative bs4--w-100">
    <ul id="{{@root/dom/ulListingImageSlidee}}" class="listing-image-slidee bs4--list-unstyled bs4--mx-auto">
        <li class="large listing-image-large bs4--position-relative bs4--h-100 bs4--float-left" >
            <img src="{{primary}}" class="listingImage large" alt="{{paAddress}}" width="548" height="416"/>
        </li>
        {{#each pairs}}
        <li class="listing-image-pairs bs4--float-left bs4--h-100">
            {{#if upper}}
            <div class="upper mb-5">
				<img {{#if @root/data/puppeteer}}src="{{else}}src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{/if}}{{upper}}" class="listingImage small pointer" alt="" height="206" width="272" />
			</div>
            {{/if}}
            {{#if lower}}
            <div>
				<img {{#if @root/data/puppeteer}}src="{{else}}src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{/if}}{{lower}}" class="listingImage small pointer" alt="" height="206" width="272" />
			</div>
            {{/if}}
        </li>
        {{/each}}
    </ul>
	{{#compare pairs.length ">" 0}}
    <i id="{{@root/dom/spanListingImagePreviousPage}}" class="material-icons disabled image-slider-arrow pointer">chevron_left</i>
    <i id="{{@root/dom/spanListingImageNextPage}}" class="material-icons nextPrev image-slider-arrow pointer">chevron_right</i>
	{{/compare}}
</div>
{{/with}}