ACC SHELL

{mask:main}


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

	{mask:item}
	<div class="showCurrentAdress showCurrentAdress-{number}">
		<strong>{title}</strong><br/>
		{text}
	</div>
	{/mask}
<!--
	<div class="showCurrentAdress showCurrentAdress-1">
		<strong>Hlavní město Praha</strong><br/>
		{mask:item[1]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-2">
		<strong>Jihočeský kraj</strong><br/>
		{mask:item[2]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-3">
		<strong>Jihomoravský kraj</strong><br/>
		{mask:item[3]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-4">
		<strong>Karlovarský kraj</strong><br/>
		{mask:item[4]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-5">
		<strong>Kraj Vysočina</strong><br/>
		{mask:item[5]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-6">
		<strong>Královéhradecký kraj</strong><br/>
		{mask:item[6]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-7">
		<strong>Liberecký kraj </strong><br/>
		{mask:item[7]}{text}{/mask} 
	</div>
	<div class="showCurrentAdress showCurrentAdress-8">
		<strong>Moravskoslezský kraj</strong><br/>
		{mask:item[8]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-9">
		<strong>Olomoucký kraj</strong><br/>
		{mask:item[9]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-10">
		<strong>Pardubický kraj </strong>
		{mask:item[10]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-11">
		<strong>Plzeňský kraj </strong><br/>
		{mask:item[11]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-12">
		<strong>Středočeský kraj</strong><br/>
		{mask:item[12]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-13">
		<strong>Ústecký kraj </strong><br/>
		{mask:item[13]}{text}{/mask} 
	</div>
	<div class="showCurrentAdress showCurrentAdress-14">
		<strong>Zlínský kraj</strong><br/>
		{mask:item[14]}{text}{/mask}
	</div>-->
	<div id="map-czech-republic">
	
		 <ul class="czech-republic">
         {mask:item}
         	<li class="cs{number}"><a href="#{ahref}">{title}</a></li>
         {/mask}
		  <!--<li class="cs1"><a href="#praha">Hlavní město Praha</a></li>
		  <li class="cs2"><a href="#jihocesky-kraj">Jihočeský kraj</a></li>
		  <li class="cs3"><a href="#jihomoravsky-kraj">Jihomoravský kraj</a></li>
		  <li class="cs4"><a href="#karlovarsky-kraj">Karlovarský kraj</a></li>
		  <li class="cs5"><a href="#kraj-vysocina">Kraj Vysočina</a></li>
		  <li class="cs6"><a href="#kralovehradecky-kraj">Královéhradecký kraj</a></li>
		  <li class="cs7"><a href="#liberecky-kraj">Liberecký kraj</a></li>
		  <li class="cs8"><a href="#moravskoslezsky-kraj">Moravskoslezský kraj</a></li>
		  <li class="cs9"><a href="#olomoucky-kraj">Olomoucký kraj</a></li>
		  <li class="cs10"><a href="#pardubicky-kraj">Pardubický kraj</a></li>
		  <li class="cs11"><a href="#plzensky-kraj">Plzeňský kraj</a></li>
		  <li class="cs12"><a href="#stredocesky-kraj">Středočeský kraj</a></li>
		  <li class="cs13"><a href="#ustecky-kraj">Ústecký kraj</a></li>
		  <li class="cs14"><a href="#zlinsky-kraj">Zlínský kraj</a></li>-->
		 </ul>
	
	</div>
	
	
</div>	

{if:{isAdmin}==false}
<script type="text/javascript">
$("#pageItemContent{pageItemID}").ready( function() {
	
	 $('#map-czech-republic').cssMap({
		'size':750,  						// set map size to 540px wide;
		'cities': true,						// display cities;
		'tooltips': 'floating'	// floating tooltips with specified position to the mouse pointer;
   	});
	
	$('.showCurrentAdress').hide();
	
	{mask:item}
		$(".cs{number}").click(
			function() {
				$(".showCurrentAdress").slideUp(500);
				$(".showCurrentAdress-{number}").slideDown(500);
			}
		);		
	{/mask}
	
});	
{/if}
</script>


{/mask}