<div style="position:relative;" ng-show="dataReady && slides.length > 0">

	<div ng-show="dataReady">
		<div id="carousel-outer2" class="carousel2-outer" set-container-dimensions-rotator="">
			<div class="carousel2-hero" style="overflow: hidden;position: relative;float: left;display:inline;">
				<div class="carousel2-hero-wrapper" 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="slide.image ? styleBackground((slide.image | stripImageSrc), 801) : styleBackground((slide.pictureThumbnailUrl | 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>
				<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 class="carousel2-list-holderAngular" 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>