ACC SHELL

{mask:main}
<div class="{if:{layoutWidth}=='0'}box-770{/if} {if:{layoutWidth}=='1'}box-770Full{/if} {if:{layoutColor}=='1'}gray-box{/if}" id="pageItemContent{pageItemID}" ><!--Box 770-->
	
	{if:{topTitle}!=''}
	<div class="nadpis-bloku-100p">
		{topTitle}
	</div>
	<div class="cleaner"></div>
	{/if}

	<div class="text-full white-box"><!--text-full-foto -->

	{if:{imageSrc}!=''}
		<div class="image-470-slideshow"><!--image-190-->
		
			{if:{showSlideshow}==false}
					<a href="{url}" title="{title}"><img src="{imageSrc}" alt="{title}" title="{title}" /></a>
			{/if}
			
			{if:{showSlideshow}}

					
				{mask:imageGroup}
					<div class="rotate-slideshow">					
						{mask:image}
							<div class="rotate-div">
								<a href="{url}" title="{title}"><img src="{src}" alt="{url}" class="imageHeight" /></a>
							</div>
						{/mask}
					</div>
					
					<div class="slidetabs">
						{mask:image}
							<a href="#" title="">
								<img src="{src}" alt="{url}" />
							</a>
						{/mask}
					</div>
				
									
					<script type="text/javascript">
						$("#pageItemContent{pageItemID}").ready( function() {
							
							var imageHeight = $("img.imageHeight").height();
						
							$(".rotate-slideshow").css("height",imageHeight);
							
							$( window ).resize(function() {
								var imageHeight = $("img.imageHeight").height();
								$(".rotate-slideshow").css("height",imageHeight);
							});
							
						});
						
						$(".slidetabs").tabs(".rotate-slideshow > div", {
	
							// enable "cross-fading" effect
							effect: 'fade',
							fadeOutSpeed: 1000,
							fadeInSpeed: 1000,
						
							// start from the beginning after the last tab
							rotate: true
							
						
						// use the slideshow plugin. It accepts its own configuration
						}).slideshow(
						{
							autoplay: true,
							autopause: true,
							clickable:false,
							interval: 3000
						}
						);
					</script>
				{/mask}
			{/if}

		</div><!--image-190 end -->
	{/if}
	
		<div class="slide-text" {if:{imageSrc}==''} style="width:100%;" {/if}>
			<h2>
				{if:{url}!=''}<a href="{url}" title="{title}">{/if}
				{title}
				{if:{url}!=''}</a>{/if}
			</h2>

			<p>{text}</p>
			<div class="cleaner"></div>
			{if:{url}!=''}<a href="{url}" title="{title}" class="aright">Více</a>{/if}
		</div>
		
	</div><!--text-full-foto end-->
	<div class="cleaner"></div>
</div><!--Box 770 end-->
	

{/mask}