<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 || slide.pictureThumbnailUrl" class="slider-item-image">
                    <img ng-src="{{slide.image ? slide.image : slide.pictureThumbnailUrl | 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>