ACC SHELL

{mask:main}


<div class="box-770" id="pageItemContent{pageItemID}" ><!--Box 770-->
	<div class="showCurrentAdress showCurrentAdress-1">
		<strong>Banskobystrický kraj</strong><br/>
		{mask:item[1]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-2">
		<strong>Bratislavský kraj</strong><br/>
		{mask:item[2]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-3">
		<strong>Košický kraj</strong><br/>
		{mask:item[3]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-4">
		<strong>Nitriansky kraj</strong><br/>
		{mask:item[4]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-5">
		<strong>Prešovský kraj</strong><br/>
		{mask:item[5]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-6">
		<strong>Trenčiansky kraj</strong><br/>
		{mask:item[6]}{text}{/mask}
	</div>
	<div class="showCurrentAdress showCurrentAdress-7">
		<strong>Trnavský kraj</strong><br/>
		{mask:item[7]}{text}{/mask} 
	</div>
	<div class="showCurrentAdress showCurrentAdress-8">
		<strong>Žilinský kraj</strong><br/>
		{mask:item[8]}{text}{/mask}
	</div>
	<div id="map-slovakia">
	
		 <ul class="slovakia">
			<li class="sk1"><a href="#banskobystricky-kraj">Banskobystrický kraj</a></li>
			<li class="sk2"><a href="#bratislavsky-kraj">Bratislavský kraj</a></li>
			<li class="sk3"><a href="#kosicky-kraj">Košický kraj</a></li>
			<li class="sk4"><a href="#nitriansky-kraj">Nitriansky kraj</a></li>
			<li class="sk5"><a href="#presovsky-kraj">Prešovský kraj</a></li>
			<li class="sk6"><a href="#trenciansky-kraj">Trenčiansky kraj</a></li>
			<li class="sk7"><a href="#trnavsky-kraj">Trnavský kraj</a></li>
			<li class="sk8"><a href="#zilinsky-kraj">Žilinský kraj</a></li>
		</ul>
	
	</div>
	
	
</div>	

<script type="text/javascript">
$("#pageItemContent{pageItemID}").ready( function() {
	
	 $('#map-slovakia').cssMap({
		'size':810,  						// 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}
		$(".sk{i}").click(
			function() {
				$(".showCurrentAdress").slideUp(500);
				$(".showCurrentAdress-{i}").slideDown(500);
			}
		);		
	{/mask}
	
});	
</script>


{/mask}