sliders.tpl

{literal}


<div id="slide_holder">
    <div id="slider">
        {/literal}
        {foreach from=$xml->link item=home_link name=links}
        {literal}
            <a href='{/literal}{$home_link->url}{literal}'><img src='{/literal}{$this_path}{$home_link->img}{literal}' alt="" /></a>
        {/literal}
        {/foreach}
        {literal}
	</div>

	<div id="odliczanie"></div>

{literal}
<script type="text/javascript">
//<![CDATA[
d=new Date().getTime()-({$data}*1000)
k=new Date(2013,8,31).getTime();

function odl(){
sec=(k-new Date().getTime()+d)/1000;
dni=~~(sec/(3600*24))
godzin=~~(sec/3600)%24
minut=~~(sec/60)%60
sekund=~~sec%60
document.getElementById('odliczanie').innerHTML=dni+' dni '+godzin+' godzin '+minut+' minut '+sekund+' sekund';
}
odl();setInterval('odl()',1e3)

//]]>
</script>
{/literal}

</div>

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
		slices:9,
		animSpeed:500, //Slide transition speed
		pauseTime:3500,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true,
		directionNavHide:true, //Only show on hover
		controlNav:false, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      	controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true,
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});
});

</script>


{/literal}