{% if not isXmlHttpRequest %}

		{% if addTitle is defined and addTitle %}


<div class="gallery-header">

	<h2>{{ page_title }}</h2>
</div>
	{% endif %}

<div class="gallery" data-type="{% if type is defined %}{{ type }}{% endif %}">
	<ul data-album_id="{% if album is defined %}{{ album.id }}{% endif %}">
		<li class="grid-sizer"></li>
		<li class="gutter-sizer"></li>
		{% endif %}
			{% if not newsFeedArray is empty %}
				<li class="grid-item loading ad ad-container {% if isXmlHttpRequest %}ajax{% endif %} ">
					{{ ads.printAd('desktop', 'newsfeed', 1)|raw }}
					{#{{ ads.printAd('mobile', 'newsfeed', 1)|raw }}#}
				</li>
				{% for i,item in newsFeedArray %}
					{% if isXmlHttpRequest %}
						<li class="grid-item loading ajax" data-id="{{ item.id }}" data-timestamp="{{ item.timestamp }}">
					{% else %}
						{% if i == 2 %}
							<li class="grid-item mobile-ad loading ad ad-container {% if isXmlHttpRequest %}ajax{% endif %} ">
								{{ ads.printAd('mobile', 'newsfeed', 1)|raw }}
							</li>
						{% endif %}
				{#		{% if Elnashra.isInjectedArticle(injectedRelatedArticles,i) %}
						<li class="grid-item loading injected-related-article" data-id="{{ item.id }}" data-timestamp="{{ item.timestamp }}">
						{% else %}#}
						<li class="grid-item loading" data-id="{{ item.id }}" data-timestamp="{{ item.timestamp }}">
						{#{% endif %}#}
					{% endif %}
					{% if pageType == "news" %}
						{#{% if Elnashra.isInjectedArticle(injectedRelatedArticles,i) %}
						<a href="{{ item.getUrl() }}" onclick="ga('send', 'event', 'News Page', 'Related News');">
						{% else %}#}
						<a href="{{ item.getUrl() }}" onclick="gtag('event', 'Suggested News', {'event_category': 'News Page', 'event_label': 'Click'});">
						{#<a href="{{ item.getUrl() }}" onclick="ga('send', 'event', 'News Page', 'Suggested News');">#}
					   {# {% endif %}#}
					{% else %}
						<a class="fancyImg" href="{{ files_url }}pictures/{{ item.path }}" data-parentname="{% if album is defined %}{{ album }}{% endif %}" data-parent="{% if album is defined %}{{ album.id }}{% endif %}" data-picid="{% if album is defined %}{{ picture.id }}{% endif %}" rel="fancybox-thumb">
					{% endif %}
						{% if item.video %}
							<svg class="play-icon"><path fill-opacity="0.81" fill="#1f1f1e" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" class="ytp-large-play-button-bg"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
						{% endif %}
						{% if item.picture %}
							{% if item.name is defined and item.name %}
							<img alt="{{ item.name }}" src="{{ item.picture|files('360') }}">
							{% else %}
								{% if item.title %}
								<img alt="{{ item.title }}" src="{{ item.picture|files('360') }}">
								{% else %}
								<img alt="{{ item.picture }}" src="{{ item.picture|files('360') }}">
								{% endif %}
							{% endif %}
						{% else %}
							{% if item.name is defined and item.name %}
							<img alt="{{ item.name }}" src="{{ item.path|files('360') }}">
							{% else %}
								{% if item.title %}
								<img alt="{{ item.title }}" src="{{ item.path|files('360') }}">
								{% else %}
								<img alt="{{ item.path }}" src="{{ item.path|files('360') }}">
								{% endif %}
							{% endif %}
						{% endif %}
						{% if item.name is defined and item.name %}
						<span class="caption">{{ item.name }}</span>
						{% else %}
							{% if item.title %}
							<span class="caption">{{ item.title }}</span>
							{% endif %}
						{% endif %}
					</a>
				</li>
			{% endfor %}
		{% endif %}
		{% if not isXmlHttpRequest %}
	</ul>
	<img class="spinner-icon" src="{{ asset('build/images') }}rolling.gif" alt="spinner icon">
</div>
{% endif %}