<?
print $this->load->view('mobile/photoswipe');
exit();
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>touch event models</title>

<link rel="stylesheet" type="text/css" href="/public/js/jsor-jcarousel/skins/tango/skincollection.css" />
<link rel="stylesheet" type="text/css" href="/public/css/gallery2012.css" />
<link rel="stylesheet" type="text/css" href="/public/css/mobilegallery/sh_style.css" media="all" />
<link rel="stylesheet" type="text/css" href="/public/css/mobilegallery/blueprint.css" media="all" />
<link rel="stylesheet" type="text/css" href="/public/css/mobilegallery/style.css" media="all" />


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/public/js/Smooth-Div-Scroll/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
<script src="/public/js/Smooth-Div-Scroll/js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="/public/js/Smooth-Div-Scroll/js/jquery.smoothDivScroll-1.2.js" type="text/javascript"></script>

<style type="text/css">
body{
	text-align: center;
}

div.scrollWrapper, div.scrollableArea{
	height: auto;
}

div.scrollableArea{
	margin-left: 0px;
}

#makeMeScrollable{
	width: 95%;
	padding-right: 0px;
}

.content{
	margin-top: 0px;
}

.sectionContent img{
	max-width: 100%;
	max-height: 80%;
}



#makeMeScrollable img{
	width: 50px;
	height: 50px;
}
</style>

<script type="text/javascript">
	var $j=jQuery.noConflict();

jQuery(document).ready(function() {
	$j('#makeMeScrollable').smoothDivScroll({
		visibleHotSpotBackgrounds: "always",
		manualContinuousScrolling: false
	});
});
</script>
</head>
<body>


<div class="wrapper">
<div class="content">
	
	<?$j=100;?>
	<?foreach($kepek as $kep):?>
		<?if( !is_dir($utvonal.$kep) ):?>
		<div class="section" id="img<?=$j?>">
		<section>
			<div class="sectionContent">
			<img src="/<?=$utvonal?><?=$kep?>" alt="" />
			</div>
		</section>
		</div>
		<?$j++;?>
		<?endif;?>
	<?endforeach;?>
</div>
	
</div>

<div class="footer">
    <footer>
	<nav>
    <div id="makeMeScrollable">
	<?$i=100;?>
	<?foreach($kepek as $kep):?>
		<?if( !is_dir($utvonal.$kep) ):?>
			<?if( file_exists( $utvonal."thumbs/".$kep ) ):?>
			<a href="#img<?=$i?>"><img src="/<?=$utvonal?>thumbs/<?=$kep?>" alt="" /></a>
			<?else:?>
			<a href="#img<?=$i?>"><img src="/<?=$utvonal?><?=$kep?>" alt="" /></a>
			<?endif;?>
			<?$i++;?>
		<?endif;?>
	<?endforeach;?>
	</div>
	</nav>
    </footer>
</div>



<script type="text/javascript" src="/public/js/jquery.js"></script>
<script type="text/javascript" src="/public/js/mobilegallery/menu.js"></script>
<script type="text/javascript" src="/public/js/mobilegallery/swipe.js"></script>
<script type="text/javascript" src="/public/js/mobilegallery/sh_main.min.js"></script>
<script type="text/javascript" src="/public/js/mobilegallery/sh_javascript.min.js"></script>
<script type="text/javascript">sh_highlightDocument();</script>


</body>
</html>