{{#each this}}

	<div class="item-data" style="display: none;"
		data-isVideo="{{#if videoURL}}true{{/if}} {{#unless videoURL}}false{{/unless}}"
		data-isImage="{{#if imagePath}}true{{/if}} {{#unless imagePath}}false{{/unless}}"
		{{#if videoURL}} data-video="{{videoURL}}" {{/if}}
		{{#if urlPath}} data-url="{{urlPath}}" {{/if}}
		{{#if catText}} data-cat-text="{{catText}}" {{/if}}
		{{#if imagePath}} data-img="{{imagePath}}" {{/if}}
		{{#if altText}} data-img-alt="{{altText}}" {{/if}}
		{{#if rolloverText}} data-hover-text="{{rolloverText}}" {{/if}}
		{{#if defaultIconPath}} data-icon-src="{{defaultIconPath}}" {{/if}}
		{{#if rolloverIconPath}} data-icon-src-hover="{{rolloverIconPath}}" {{/if}}
		{{#if rssSourceTitle}} data-source="{{rssSourceTitle}}" {{/if}}
		{{#if headline}} data-headline="{{headline}}" {{/if}}
		{{#if bodyCopy}} data-text="{{bodyCopy}}" {{/if}}
		{{#if tileButtonURL}} data-tileBtnUrl="{{tileButtonURL}}" {{/if}}
		{{#if tileButtonTitle}} data-tileBtnTitle="{{tileButtonTitle}}" {{/if}}
		{{#if tileButtonOpenNewWindow}} data-tileBtnUrl="{{tileButtonOpenNewWindow}}" {{/if}}
		{{#if tileButtonWCAG}} data-tileBtnWCAG="{{tileButtonWCAG}}" {{/if}}
	></div>

	<li style="display:block;" class="item is-visible {{#if videoURL}}is-video{{/if}} {{#unless videoURL}}{{#if imagePath}}is-image{{/if}}{{/unless}}" {{#if videoURL}}data-content="{{videoURL}}"{{/if}}{{#unless videoURL}}{{#if imagePath}}data-content="{{imagePath}}"{{/if}}{{/unless}} itemscope itemtype="http://schema.org/SiteNavigationElement" {{#if catText}} data-category="{{catText}}" {{/if}}>
		{{#if catText}}
			<h4 class="item__type item__has-category">
				{{catText}}
			</h4>
		{{/if}}
		{{#unless catText}}
			<h4 class="item__type" style="display: none;">
				<a class="no-link-hidden" title="Uncategorized">no link</a>
			</h4>
		{{/unless}}
		{{#if urlPath}}
			<a class="has-hover-content {{#if tileButtonURL}}{{#if tileButtonTitle}} has-tile-button{{/if}}{{/if}}"
			   itemprop="url" href="{{urlPath}}" {{#if openInNewWindow}}target="_blank"{{/if }}>
		{{/if}}
		{{#unless urlPath}}
			<div class="no-hover">
		{{/unless}}
		{{#if videoURL}}
			<span class="inset-border">
				<img class="video-bg-image" src="http://img.a-url.org/430x288" alt="">
				<iframe style="width: 100%; height: 100%; border: 0;" src='{{videoURL}}' allowfullscreen></iframe>
			</span>
		{{/if}}
		{{#unless videoURL}}
			{{#if imagePath}}
				<span class="bar"></span>
				<span class="inset-border">
					<div class="bg-overlay">
						{{#if rolloverText}}
						<h3 class="hover-text">{{rolloverText}}</h3>
						{{/if}}
					</div>

					{{#if defaultIconPath}}
						<span class="icon-container icon--default">
							<img src="{{defaultIconPath}}" alt="icon">
						</span>
					{{/if}}

					{{#if rolloverIconPath}}
						<span class="icon-container icon--hover">
							<img src="{{rolloverIconPath}}" alt="icon">
						</span>
					{{/if}}
					{{#if lazyLoad}}
						<img itemprop="image" class="item-image lazy"
								src="/etc/designs/projectux/clientlib-common/common/img/lazy-placeholder.png"
								data-original="{{imagePath}}" alt="{{altText}}" />
						<div class="lazy-placeholder">
							<i class="fa fa-picture-o" aria-hidden="true"></i>
							<div class="lazy-loading">Loading...</div>
						</div>
					{{/if}}
					{{#unless lazyLoad}}
						<img itemprop="image" class="item-image"
								src="{{imagePath}}" alt="{{altText}}" />
					{{/unless}}
				</span>
			{{/if}}
			{{#unless imagePath}}
				<span class="bar bar-no-img"></span>
			{{/unless}}
		{{/unless}}
		<div class="item-txt">
			{{#if rssSourceTitle}}
				<span class="source">
					{{rssSourceTitle}}
				</span>
			{{/if}}
			{{#if headline}}
				<h3 itemprop="headline">{{headline}}</h3>
			{{/if}}
			{{#if bodyCopy}}
				<p itemprop="text">{{bodyCopy}}</p>
			{{/if}}
		</div>
		{{#if urlPath}}
			</a>
		{{/if}}
		{{#unless urlPath}}
			</div>
		{{/unless}}
		{{#if tileButtonTitle}}
			{{#if tileButtonURL}}
				<div class="btn-more-container">
					<a class="btn-more btn-tile"
					   role="button"
					   aria-label="{{tileButtonWCAG}}"
					   href="{{tileButtonURL}}"
					   {{#if tileButtonOpenNewWindow}} target="_blank"{{/if}} >{{tileButtonTitle}}</a>
				</div>
			{{/if}}
		{{/if}}
	</li>
{{/each}}