#IF(#DEFINED(#Images) AND #COUNT(#Images))
<div id="SlideShowWidgetContainer" style="width:100%;height:#MediumSize#SPACE[0]px;">
  <script type="text/javascript">
  jQuery.ready({
  	plugin:	['ep.ui.slides', 'ep.ui.lightbox'],
  	DOM:	true
  }, function($){
  	ep('#SlideShowWidgetContainer')
  		.uiSlides({
  			images		: '#ImagesData img',
  		#IF(#DisplayAdditionalInformation) 
  			caption		: true,
  			count		: true, 
  		#ELSE
  			caption		: false,
  			count		: false,
  		#ENDIF
			controls	: 'auto',
  			delay		: #DisplayDuration * 1000,
  			autoplay	: #DisplayDuration == 0 ? false : true,
  			action		: "lightbox"
  		})
  		.uiLightbox({
  			images		: '#ImagesData img',
  			caption		: false,
  			count		: false,
			controls	: 'visible',
  			thumbs		: #IF(#DisplayThumbsInZoomView) true #ELSE false #ENDIF
  		});
  });
  </script>
</div>
<hr class="Separator" />
#ENDIF