#set ($isPreview = $req.getRequestURI().indexOf("/rest/tinymce/") != -1 && $req.getRequestURI().indexOf("/macro/preview") != -1)
#set ($displayThumbnails = ${display-thumbnails})
#set ($thumbnailWidth  = $thumbnail-width)
#set ($thumbnailHeight = $thumbnail-height)
#set ($controlsVerticalPosition 	= $controls-vertical-position)
#set ($controlsVerticalMargin 		= $controls-vertical-margin)
#set ($controlsHorizontalPosition 	= $controls-horizontal-position)
#set ($controlsHorizontalMargin 	= $controls-horizontal-margin)
#set ($nonRandom = ${non-random})
#set ($renderWithoutBlocks = ${render-without-blocks})
#if ($isPreview)
	<div>Content is unavailable for preview. To see the macro's output, save your changes and view the page.</div>
#else
	<div #if ($brikitCore.isSet($rotate-content-id)) id="$rotate-content-id" #end
		class="rotate-content $!class" 
		data-initial-delay="$!{initial-delay}000" 
		data-delay="$!{delay}000"
		#if ($brikitCore.isSet($nonRandom) || $brikitCore.isTrue($add-scroll-buttons)) data-non-random="$nonRandom" #end
		#if ($brikitCore.isSet($renderWithoutBlocks)) data-render-without-blocks="$renderWithoutBlocks" #end
		data-animation="$!animation"
		style="
		#if (!$renderWithoutBlocks) position: absolute; width: 100%; height: 100%; #end
		#parse("$brikitCore.parseFileLocation/html/macros/includes/inline-style.html")
		"
	>
		<div class="animation-wrapper">
			$renderedBlocksHTML
		</div>
	</div>
	#if ($brikitCore.isTrue($add-scroll-buttons))
		<div class="$rotate-content-id rotate-content-scroll-button left" data-element="$rotate-content-id"><span></span></div>
		<div class="$rotate-content-id rotate-content-scroll-button right" data-element="$rotate-content-id"><span></span></div>
	#elseif ($nonRandom)
		<ul id="${rotate-content-id}-control" class="rotate-content-control" style="
			#absolutePositionOptionStyles($controlsVerticalPosition $controlsVerticalMargin $controlsHorizontalPosition $controlsHorizontalMargin)
		">
			#foreach ($blockId in $blockIds)
				#set ($blockName = $themePress.blockName("$sourcePageId", $blockId))
				<li data-block-id="$blockId" 
					class="#if ($brikitCore.isSet($displayThumbnails)) thumbnail #end"
				>#if ($brikitCore.isSet($displayThumbnails))<img src="$brikitCore.getImageAttachmentDownloadPath($brikitCore.getImageAttachment("$sourcePageId", $blockName))" width="${thumbnailWidth}" height="${thumbnailHeight}" />#end</li>
			#end
		</ul>
	#end
#end
<div id="hidden-$rotate-content-id" style="display:none">
</div>