ACC SHELL

{mask:main}

<div class="box-770 radius3" id="pageItemContent{pageItemID}" ><!--Box 770-->

	<div class="text-full FAQ"><!--text-full-->
		
		<h2>{title}</h2>
		<p>
			{text1}
		</p>
		
		{if:{text2}!=''}
		<!--<div class="faq-viewmore"><i class="icon-plus-circled"></i> Více</div>opener-->
		<div class="faq-closemore"><i class="icon-cancel-circled"></i> Zavřít</div>
		
		<div class="cleaner"></div>
		
		<div class="hidden-box"><!--hidden-box-->
			<div class="cleaner20"></div>
			
			<p>
				{text2} 
			</p>
			
			<div class="cleaner20"></div>
		</div><!--hidden-box end-->
		
		<div class="cleaner"></div>
		
		{/if}
		
	</div><!--text-full end-->
	<div class="cleaner"></div>
</div><!--Box 770 end-->

<script type="text/javascript">

	$("#pageItemContent{pageItemID}").ready( function() {
				
		$("#pageItemContent{pageItemID} h2", this).click(
			function () 
			{ 
				$("#pageItemContent{pageItemID} .hidden-box").stop().slideDown( 1200 , [ "easeOutBack" ] );
				$("#pageItemContent{pageItemID} .faq-closemore").fadeIn(300);
				
			}
		);
		$("#pageItemContent{pageItemID} .faq-closemore", this).click(
				function () 
				{ 
					$("#pageItemContent{pageItemID} .hidden-box").stop().slideUp( 1000 , [ "easeOutBack" ] );
					$("#pageItemContent{pageItemID} .faq-closemore").fadeOut(200);
				}
			);	
		
	});
	
</script>

{/mask}