{{#if spin}}
<div id="container-spin-tile" class="spin-tile" style="">
    <img id="spin-frame-0" class="spin-frame-img" src="images/spin-frames/frame-0.jpg" style="opacity:1">
    <img id="spin-frame-1" class="spin-frame-img" src="images/spin-frames/frame-1.jpg">
    <img id="spin-frame-2" class="spin-frame-img" src="images/spin-frames/frame-2.jpg">
    <img id="spin-frame-3" class="spin-frame-img" src="images/spin-frames/frame-3.jpg">
    <img id="spin-frame-4" class="spin-frame-img" src="images/spin-frames/frame-4.jpg">
    <img id="spin-frame-5" class="spin-frame-img" src="images/spin-frames/frame-5.jpg">
    <img id="spin-frame-6" class="spin-frame-img" src="images/spin-frames/frame-6.jpg">
    <img id="spin-frame-7" class="spin-frame-img" src="images/spin-frames/frame-7.jpg">
    <img id="spin-frame-8" class="spin-frame-img" src="images/spin-frames/frame-8.jpg">
    <img id="spin-frame-9" class="spin-frame-img" src="images/spin-frames/frame-9.jpg">
    <img id="spin-frame-10" class="spin-frame-img" src="images/spin-frames/frame-10.jpg">
    <img id="spin-frame-11" class="spin-frame-img" src="images/spin-frames/frame-11.jpg">
    <img id="spin-frame-12" class="spin-frame-img" src="images/spin-frames/frame-12.jpg">
    <img id="spin-frame-13" class="spin-frame-img" src="images/spin-frames/frame-13.jpg">
    <img id="spin-frame-14" class="spin-frame-img" src="images/spin-frames/frame-14.jpg">
    <img id="spin-frame-15" class="spin-frame-img" src="images/spin-frames/frame-15.jpg">
    <img id="spin-frame-16" class="spin-frame-img" src="images/spin-frames/frame-16.jpg">
    <img id="spin-frame-17" class="spin-frame-img" src="images/spin-frames/frame-17.jpg">
    <img id="spin-frame-18" class="spin-frame-img" src="images/spin-frames/frame-18.jpg">
    <img id="spin-frame-19" class="spin-frame-img" src="images/spin-frames/frame-19.jpg">
    <img id="spin-frame-20" class="spin-frame-img" src="images/spin-frames/frame-20.jpg">
    <img id="spin-frame-21" class="spin-frame-img" src="images/spin-frames/frame-21.jpg">
    <img id="spin-frame-22" class="spin-frame-img" src="images/spin-frames/frame-22.jpg">
    <img id="spin-frame-23" class="spin-frame-img" src="images/spin-frames/frame-23.jpg">
    <img id="spin-frame-24" class="spin-frame-img" src="images/spin-frames/frame-24.jpg">
    <img id="spin-frame-25" class="spin-frame-img" src="images/spin-frames/frame-25.jpg">
    <img id="spin-frame-26" class="spin-frame-img" src="images/spin-frames/frame-26.jpg">
    <img id="spin-frame-27" class="spin-frame-img" src="images/spin-frames/frame-27.jpg">
    <img id="spin-frame-28" class="spin-frame-img" src="images/spin-frames/frame-28.jpg">
    <img id="spin-frame-29" class="spin-frame-img" src="images/spin-frames/frame-29.jpg">
    <img id="spin-frame-30" class="spin-frame-img" src="images/spin-frames/frame-30.jpg">
    <img id="spin-frame-31" class="spin-frame-img" src="images/spin-frames/frame-31.jpg">
    <img id="spin-frame-32" class="spin-frame-img" src="images/spin-frames/frame-32.jpg">
    <img id="spin-frame-33" class="spin-frame-img" src="images/spin-frames/frame-33.jpg">
    <img id="spin-frame-34" class="spin-frame-img" src="images/spin-frames/frame-34.jpg">
    <img id="spin-frame-35" class="spin-frame-img" src="images/spin-frames/frame-35.jpg">
</div>



<div id="control-spin-tile">
    <div class="control-area spin-tile"></div>
</div>
<div class="spin-tile-icon"></div>
<div class="spin-tile-close-btn"></div>
<h5 class="spin-tile-cta">Click + Drag to Rotate</h5>


{{else}}
{{#if moneyshot}}
        
        <div class="tile-moneyshot"></div>
    {{/if}}
<div class="tile-image">
    <div class="tile-content">
    {{#if video}}
        <video id="{{video}}" class="gallery-video" preload="auto">
            <source src="video/720/2016-honda-hrv-{{video}}.mp4" type="video/mp4" media="all and (max-height:720px)">
            <source src="video/720/2016-honda-hrv-{{video}}.webm" type="video/webm" media="all and (max-height:720px)">
            <source src="video/1080/2016-honda-hrv-{{video}}.mp4" type="video/mp4">
            <source src="video/1080/2016-honda-hrv-{{video}}.webm" type="video/webm">
        </video>
    {{/if}}
    {{#if copy}}
        <div class="tile-vignette">
        <div class="super tile-copy bottom-left">
            <h2 class="copy-title white">
        {{#each copy.title}}
            {{#if @first}}<span class="blue">{{{this}}}</span>{{else}}<span>{{{this}}}</span>{{/if}}
        {{/each}}
            </h2>
            <p class="copy-text white">{{{copy.text}}}</p>
        </div>
    {{/if}}
    
    </div>
    

    </div>


</div>
{{/if}}