[Shopify] Recently viewed, show image based on image name

gistfile1.txt

{% raw %}
<script id="recently-viewed-product-template"  type="text/x-jquery-tmpl">
{{each(prop, val) images}}
	  {{if val.toLowerCase().indexOf(".imagename") >= 0 }}		
      <div id="product-${handle}" class="product">
        <div class="image">
          <a href="${url}" class="cy">             
            <img src="${Shopify.Products.resizeImage(val, "medium")}" />
          </a>
        </div>
        <div class="details">
          <a href="${url}">
            <span class="title">${title}</span>
            <span class="price">{{if price_varies}}From {{/if}}${Shopify.formatMoney(price)}</span>
          </a>
        </div>
      </div>               
      {{/if}}
{{/each}}

</script>
{% endraw %}