<div class="wizdomImageSlider wizdom-fullview-left wizdom-fullview-right" wizdom365-imageslider-set-container-dimensions-full="" style="position:relative;" ng-if="configured && !loading && images" ng-mouseleave="startAnimation()" ng-mouseover="stopAnimation()" ng-style="style()">
	<div>
		<a ng-if="item.link"
		   class="imageContainer slide-animation-imageslider"
           direction="{{direction}}"
		   ng-repeat="item in images"
		   ng-hide="!isCurrentSlideIndex($index)"
		   style="background-size:cover;height:auto;background-image:url('{{item.url}}');width:100%;"
		   ng-style="styleBackground(item.url, $index)"
		   ng-href="{{item.link}}">
			<img class="sImage{{$index}}" ng-src="{{item.url}}" style="width:100%;visibility:hidden" />
		</a>
		<div ng-if="!item.link"
			 class="imageContainer slide-animation-imageslider"
             direction="{{direction}}"
			 ng-repeat="item in images"
			 ng-hide="!isCurrentSlideIndex($index)"
			 style="background-size:cover;height:auto;background-image:url('{{item.url}}');width:100%;"
			 ng-style="styleBackground(item.url, $index)">
			<img class="sImage{{$index}}" ng-src="{{item.url}}" style="width:100%;visibility:hidden" />
		</div>

		<div ng-if="images.length > 1" id="button-previous" ng-click="prevSlide()" style="{{nextPrevButtonMarginTop}}"></div>
		<div ng-if="images.length > 1" id="button-next" ng-click="nextSlide()" style="{{nextPrevButtonMarginTop}}"></div>
	</div>

</div>