<button ng-show="editMode" class="editWebpartButton btn btn-primary" ng-click="editWebpart()" type="button">
	<span class="glyphicon glyphicon-cog"></span><span class="editWebpartButtonText">{{"Settings" | translate}}</span>
</button>
<div style="position:relative;" ng-show="dataReady && slides.length > 0">

	<div id="slider-outer">
		<div id="slider-inner" ng-style="styleHeight()" ng-mouseleave="startAnimation()" ng-mouseover="stopAnimation()" set-container-dimensions-slider="">
			<div class="slider-item slide-animation-slider"
                 direction="{{direction}}"
				 ng-repeat="slide in slides"
				 ng-hide="!isCurrentSlideIndex($index)"
				 ng-style="style()">
				<a href='{{slide.path}}' ng-if="slide.image" style="float:left;margin-right:10px;"><img ng-src="{{slide.image | stripImageSrc}}?width=301" /></a>
				<div class="slider-inner-title">
					<a href='{{slide.path}}' ng-bind="slide.title"></a>
				</div>
				<div class="slider-inner-date" style="margin-top:5px;" ng-if="slide.date">
					<span style="display:table-cell;vertical-align: middle;height: 20px;">
						<img title="" alt="" src="data:image/gif;base64,R0lGODlhEAAPALMAAJubm3p6evv7+7+/v7y8vKqqqqOjo8DAwLCwsPHx8dLS0sTExLi4uIuLi////wAAACH5BAAAAAAALAAAAAAQAA8AAAR6UAVJw5pYIeZQdwXoGA5QJks6EAyDIEVszMCS3HiaHjxR76vWK1agKRyOA3KwXAoEjaODM0VSGYJEdOE6dBkKbsHbWDSTSPMooShb31WBgV3mIryIAaNoAJDVSklPBzcDdGpUBE8MNwSHCgQIYZKRkAhcDQcNm5ydnhEAOw==" />
					</span>
					<span style="display: table-cell;vertical-align: top;padding-left: 3px;">
						{{slide.date | date: 'shortDate'}}
					</span>
				</div>
				<div class="slider-inner-text" ng-if="!slide.summary">
					<a href='{{slide.path}}'>{{slide.content | htmlToPlainText}}</a>
				</div>
				<div class="slider-inner-text" ng-if="slide.summary">
					<a href='{{slide.path}}'>{{slide.summary | htmlToPlainText}}</a>
				</div>
			</div>
			<ul class="slider-control-nav slider-control-paging">
				<li ng-repeat="slide in slides">
					<a ng-bind="$index" ng-click="goToSlide($index)" ng-class="currentIndex == $index ? 'active' : ''"></a>
				</li>
			</ul>
		</div>
	</div>
</div>
<div wizdom365-spinner="" loading="!dataReady"></div>