%[if !edit]%
<script src="%assetPath%/refinedSliderAssets/jquery.js"></script>
<script src="%assetPath%/refinedSliderAssets/jquery.refinedslide.min.js"></script>
<script>
    $(document).ready(function () {
        $('.rs-slider').refineSlide({
            transition         : '%id=transition%',
            transitionDuration : %id=transitiondur%,
            autoPlay           : %id=autoplay%,
            keyNav             : %id=keynav%,
            delay              : %id=slidedelay%,
            controls           : '%id=controls%'
        });
    });
    
    
</script>
%[endif]%

%[if %("%id=embed%" == "freestyle")%]%
<div id="fs">
%[endif]%

%[if %("%id=embed%" == "extracontent")%]%
<div id="myExtraContent%id=extracontentnumber%">
%[endif]%

<div id="refinedSlider%id%" class="refinedSlider">
	<ul class="rs-slider">
		%[repeat count]%
			<li>
	 	
	 			%[if %("%id=imagesource%" == "local")% ]%
	 				%image%
	 				<div class="rs-caption %id=captionposition%">
	 					%text="Enter image caption content here"%
	 				</div>
	 			%[endif]%
	 	
	 			%[if %("%id=imagesource%" == "warehoused")% ]%
	 				%html="<img src='http://example.com/images/foo.jpg' alt='My image'>"%
	 				<div class="rs-caption %id=captionposition%">
	 					%text="Enter image caption content here"%
	 				</div>
	 			%[endif]%
	 	
	 		</li>
		%[endrepeat]%
	</ul>
</div>

%[if %("%id=embed%" == "freestyle")%]%
</div>
%[endif]%
%[if %("%id=embed%" == "extracontent")%]%
</div>
%[endif]%