<script type="text/javascript">
$(document).ready(function(){
	
	$('#chocoslides').chocoslider({
		auto: false,
		sliderDelay: 4000,
		autoPause: false,
		effect: 'effect1'
	});
	
	
	//$('#slides').slides();
	
	
	/*$('#imagesgallery').gallery({
		stickthumbnails: true,
		random:          false,
		animation:       'diagonal',
		imagedisplaytime: 4500
	});*/
});
</script>

<div style="height: 20px;"></div>
<div id="chocoslides" style="width: 800px; height: 600px; margin: auto;">
	<?foreach($kepek as $kep):?>
	<?if( $kep != "." && $kep != ".." ):?>
		<?if(!isset($utvonal)):?>
		<img src="/public/img/gallery2012/<?=$kep?>" alt="" title="" />
		<?else:?>
		<img src="/<?=$utvonal.$kep?>" alt="" title="" />
		<?endif;?>
	<?endif;?>
	<?endforeach;?>
</div>
<div style="height: 40px;"></div>





<?/*
<div id="slides" style="display: none">
	<div class="slides_container">
	<?foreach($kepek as $kep):?>
	<?if( $kep != "." && $kep != ".." ):?>
		<img src="/public/img/gallery2012/<?=$kep?>" alt="" />
	<?endif;?>
	<?endforeach;?>
	</div>
	<a href="#" class="prev"><img src="/public/js/slides/examples/Standard/img/arrow-prev.png" alt="" /></a>
	<a href="#" class="next"><img src="/public/js/slides/examples/Standard/img/arrow-next.png" alt="" /></a>
</div>





<div id="imagesgallery" style="display: none">
<?foreach($kepek as $kep):?>
	<?if( $kep != "." && $kep != ".." ):?>
		<a href="/public/img/gallery2012/<?=$kep?>"><img src="/public/img/gallery2012/<?=$kep?>" width="747" height="493" alt="" /></a>
	<?endif;?>
<?endforeach;?>
</div>
*/?>

