ACC SHELL

{mask:main}

{if:{isAdmin}}

	{mask:slide}
								
		{number}<br/>
	
	{/mask}
	
{/if}

{if:{isAdmin}==false}

<div id="pageItemContent{pageItemID}">

	{if:{showSlideshow}}
	<div class="liquid-slider" id="slider-{pageItemID}" >
									
		{mask:slide}
		<div class="box">
		
			<!--{if:{title}!=''}
			<h2 class="title">{title}</h2>
			{/if}-->
			
			{if:{../showControls}}
			<div class="title HiddenSlideControl">&nbsp;</div>
			{/if}
			
			{content}
		
		</div>
		{/mask}
	
	</div>	
	{/if}
	
	{if:{showSlideshow}==false}
	
		{mask:slide}
		<div class="box">
			{content}
		</div>
		{/mask}
	
	{/if}		
	
	
	<div class="cleaner"></div>
</div>	

{if:{showSlideshow}}

	{if:{effect}=='slide'}
	<script type="text/javascript">
		$("#pageItemContent{pageItemID}").ready( function() {
			$('#slider-{pageItemID}').liquidSlider({
				autoHeight:true,
				heightEaseDuration: 1500,
				autoSlide: true,
				autoSlideInterval:5000,
				slideEaseFunction: 'easeInOutSine',
				slideEaseDuration:1300,
				//animateIn:"fadeIn",
				//animateOut:"fadeOut",
				responsive: true,
				useCSSMaxWidth: 2200,
				swipe: true,
				continuous: true,
				keyboardNavigation: true,
				preloader: true,
				dynamicTabs: true,
				dynamicTabsHtml: false,
				mobileNavigation: false
			});		
		});
	</script>
	{/if}

	{if:{effect}=='fade'}
	<script type="text/javascript">
		$('#slider-{pageItemID}').liquidSlider({
			autoHeight:true,
			heightEaseDuration: 1000,
			autoSlide: true,
			autoSlideInterval:5000,
			slideEaseFunction:'fade',
			slideEaseDuration:1300,
			animateIn:"fadeIn",
			animateOut:"fadeOut",
			fadeInDuration: 3000,
			fadeOutDuration: 3000,
			responsive: true,
			useCSSMaxWidth: 2200,
			swipe: true,
			continuous: true,
			keyboardNavigation: true,
			preloader: true,
			dynamicTabs: true,
			dynamicTabsHtml: true,
			mobileNavigation: false,
			dynamicArrows: false
		});		
	</script>
	{/if}


{/if}
		
{/if}


{/mask}