<div header></div>

<div class="container-fluid">

	<div class="bg-first general-padding">

		<h1 class="h2 general-margin-t-b">{{'WEBAPP_VIDEO' | dict }}</h1>

		<div class="both category {{ 'TEMPLATING_ITEM_HOME_VIDEO' | config }}">	
			<div ng-repeat="item in firstVideo" class="repeat-item"> 

				<!-- BLOCK REPEAT ITEM - FIRST 4 -->
					<item content="item" class="both" callback="trackClickResult($index, item.title)"></item>
				<!-- END BLOCK REPEAT ITEM -->	

			</div>
		</div>	
	</div>
	<!-- END FIRST BLOCK -->

	<!-- Infinite Scroll -->
	<div infinite-scroll infinite-callback="getVideoList" infinite-enable="gettingVideos" infinite-offset="0">
		<scrolltotop></scrolltotop>

	  	<!-- BLOCK OTHER NEWS -->
		<div class="other-news" ng-show="otherVideos.length">
			<div class="general-padding">
				<div class="both {{ 'TEMPLATING_ITEM_CATEGORY_OTHERS' | config }}">	
					<h3 class="double-general-margin-b uppercase">{{'WEBAPP_OTHER_NEWS' | dict }}</h3>
					<div ng-repeat="item in otherVideos" class="padding-l-5 col-xs-12 col-ms-6"> 

						<!-- BLOCK REPEAT ITEM - REMAIN -->

							<item content="item" class="both" callback="trackClickOther($index, item.title)"></item>

						<!-- END BLOCK REPEAT REMAIN ITEM -->

					</div>
				</div>	
			</div>
		</div>
		<!-- END BLOCK OTHER NEWS -->

	</div>
</div>

<footer ng-show="showFooter"></footer>

