Current File : /data/web/virtuals/215191/virtual/www/domains/skoly-skolky.cz/tpl/flyer_detail.tpl

	<div id="flyer_detail">
		
		<h1><## param="name" column="name" ##></h1>
		<p class="perex"><## param="perex" column="perex" ##></p>
		<p class="description"><## param="description" column="description" ##></p>
		
		<div class="preview_nav">
			<a href="#" class="prev">&laquo; předchozí</a>
			<a href="#" class="next">další &raquo;</a>
			<span class="page_nr"><span class="actual_page">1</span> z <span class="page_count"> </span></span>
		</div>
		
		<img id="flyer_preview" src="#" alt="<## param="name" column="name" ##>" />
				
	</div>
	
	
	<script type="text/javascript">
		//<![CDATA[
		var flyer_url = '<## param="flyer_url" column="flyer_url" ##>';
		var img_path = '<## param="img_path" column="img_path" ##>';
		var init_image = '<## param="init_image" column="init_image" ##>';
		var images = new Array();
		images.push('');
		<## param="images" column="images" ##>
		
		function checkHash(){
			var hash = window.location.hash.substring(1);
			if(window.location.hash != ''){
				loadImage(images[hash]);
			}else{
				loadImage(init_image);
				hash = 1;
			}
			
			$('.actual_page').text(hash);
			
			generateNav(parseInt(hash));
		}

		checkHash();		
		$('.page_count').text(images.length-1);
		window.onhashchange = checkHash;
		
		
		function generateNav(page){
			
			var prev = page-1;
			var next = page+1;
			
			if(prev>0){
				$('.preview_nav a.prev').attr('href',flyer_url+'#'+prev).show();
			}else{
				$('.preview_nav a.prev').hide();
			}
			
			if(next<images.length){
				$('.preview_nav a.next').attr('href',flyer_url+'#'+next).show();
			}else{
				$('.preview_nav a.next').hide();
			}
		}
				
		function loadImage(init_image){
			$('#flyer_preview').attr('src',img_path+init_image);
		}
		//]]>
	</script>