<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 ng-show="dataReady">
		<div id="carousel-outer2" set-container-dimensions-rotator="">
			<div class="carousel2-hero" style="overflow: hidden;position: relative;float: left;display:inline;">
				<div ng-style="style()">
					<div class="carousel2-hero-item slide-animation-rotator carousel-cover"
                         direction="{{direction}}"
						 ng-repeat="slide in slides"
						 ng-hide="!isCurrentSlideIndex($index)"
						 ng-mouseleave="startAnimation()"
						 ng-mouseover="stopAnimation()"
						 ng-click="redirectTo(slide.path)"
						 ng-style="styleBackground((slide.image | stripImageSrc), 801)"
						 style="position:absolute;cursor:pointer;">

						<div ng-if="!slide.image" class="no-image-slide"></div>
						<div class='carousel-item-text' ng-show="smallScreen">
							<div class='carousel-item-text-inner'>
								<div class='carousel-item-text-title'>
									<a href='{{slide.path}}' ng-bind="slide.title"></a>
								</div>
								<div class='carousel-hero-text-body'>
									<a href='{{slide.path}}' ng-if="!slide.summary">{{slide.content | htmlToPlainText}}</a>
									<a href='{{slide.path}}' ng-if="slide.summary">{{slide.summary | htmlToPlainText}}</a>
								</div>
							</div>
						</div>
					</div>
					<div class="carousel-controls" ng-show="smallScreen">
						<ul>
							<li class="dot" ng-repeat="slide4 in slides" ng-class="{'currentitem':isCurrentSlideIndex($index)}" ng-click="setCurrentSlideIndex($index);">
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="carousel2-list-holderAngular" style="display:inline;float:right;margin-left:10px;" ng-hide="smallScreen" ng-mouseleave="startAnimation()" ng-mouseover="stopAnimation()">
				<div class="carousel2-list-railAngular">
					<div class="carousel2-info-itemAngular" ng-repeat="slide2 in slides" ng-hide="!isCurrentSlideIndex($index)">
						<div class="carousel2-info-item-innerAngular">
							<div class="carousel2-info-text-title"><a href='{{slide2.path}}'>{{slide2.title}}</a></div>
							<div class="carousel2-info-text-body" style="margin-bottom: 20px;">
								<a href='{{slide2.path}}' ng-if="!slide2.summary">{{slide2.content | htmlToPlainText}}</a>
								<a href='{{slide2.path}}' ng-if="slide2.summary">{{slide2.summary | htmlToPlainText}}</a>
							</div>
						</div>
					</div>
				</div>
				<div class="carousel-controls">
					<ul>
						<li class="dot" ng-repeat="slide3 in slides" ng-class="{'currentitem':isCurrentSlideIndex($index)}" ng-click="setCurrentSlideIndex($index);">
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<div wizdom365-spinner="" loading="!dataReady"></div>