ACC SHELL

{mask:main}

{if:{isAdmin}}

	{mask:imageGroup}
								
		{mask:image}
			<img src="{src}" alt="" height="42" />
		{/mask}
		
		{mask:video}
			Video
		{/mask}
	
	{/mask}
	
{/if}

{if:{isAdmin}==false}


	{if:{showSlideshow}}
		
		<div class="box-770p">
			<ul class="bxslider">
										
				{mask:imageGroup}
				
					{mask:image}
					<li>
						{if:{url}!=''}<a href="{url}" title="">{/if}<img src="{src}" alt="" />{if:{url}!=''}</a>{/if}
					</li>
					{/mask}
		
					{mask:video}
					<li>
						{if:{url}!=''}<a href="{url}" title="">{/if}
						
						<!-- the player -->
						   <div class="flowplayer" data-swf="/js/flowplayer.swf" data-ratio="0.15">
							  <video autoplay loop>
								 <source type="video/flv" src="{src}">
							  </video>
						   </div>
						
						{if:{url}!=''}</a>{/if}
					</li>
					{/mask}
				
				{/mask}
										
			</ul>
		
		</div>			
		
		<script type="text/javascript">
			$("#pageItemContent{pageItemID}").ready( function() {
				$('.bxslider').bxSlider({
				  mode: 'fade',
				  captions: false,
				  speed: 5000,
				  infiniteLoop: true,
				  useCSS: true,
				  controls: false,
				  auto: true,
				  autoHover: true,
				  adaptiveHeight: true,
				  touchEnabled: true
				});
			});
		</script>
	{/if}
		
		
	{if:{showSlideshow}==false}
		
			{if:{imageSrc}!=''}
			<div class="box-770p">
				<div class="one-image-slideshow radius3 white-box light-shadow">
					{if:{url}!=''}<a href="{url}" title="">{/if}<img src="{imageSrc}" alt="" />{if:{url}!=''}</a>{/if}
				</div>
			</div>
			{/if}
			
			{if:{videoSrc}!=''}
			<div class="box-770p">
				<div class="flowplayer" data-swf="/js/flowplayer.swf" data-ratio="0.15">
					<video autoplay loop>
						<source type="video/flv" src="{videoSrc}">
					</video>
				</div>
			</div>
			{/if}
			
			<div class="cleaner"></div>
		
		{/if}
		
	
{/if}


{/mask}