<?@header("Content-Type: text/html; charset=UTF-8");?><!DOCTYPE html>
<html>
<head>
	<title><?if(isset($title) && $title):?><?=$title?><?else:?>ARCHLine.XP Gallery<?endif;?></title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" name="viewport" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="description" content="Interior design gallery, ARCHLine.XP CAD sofware" />
	<?if(isset($canonical) && $canonical):?><link rel="canonical" href="<?=$canonical?>" /><?endif;?>
	
	<link type="text/css" rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" media="handheld, screen" />
	<link type="text/css" rel="stylesheet" href="/public/js/photoswipe/examples/jquery-mobile.css" media="handheld, screen" />
	<link type="text/css" rel="stylesheet" href="/public/js/photoswipe/photoswipe.min.css" media="handheld, screen"	 />
	
	<script type="text/javascript" src="/public/js/photoswipe/lib/klass.min.js"></script>
	<script type="text/javascript" src="/public/js/photoswipe/photoswipe_v2.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
	
	
	<script type="text/javascript">
		(function(window, PhotoSwipe){
			document.addEventListener('DOMContentLoaded', function(){
				var
					options = {captionAndToolbarAutoHideDelay: 0},
					instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
			}, false);
		}(window, window.Code.PhotoSwipe));
	</script>
	
<?if(!hun()):?>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7485741-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<?else:?>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-5480261-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<?endif;?>
	
</head>
<body>


<div data-role="page" id="Gallerypage" data-add-back-btn="true" class="gallery-page">

<div data-role="header">
	<h1 class="ui-title" <?if(isset($_SERVER['HTTP_REFERER']) && $_SERVER['HTTP_REFERER']!=""):?>style="margin-left: 85px; margin-right: 15px;"<?else:?>style="margin-left: 20px; margin-right: 20px;"<?endif;?>><?if($galeriacim):?><?=$galeriacim?><?else:?>ARCHLine.XP Interior Design gallery<?endif;?></h1>
	<?if(isset($_SERVER['HTTP_REFERER']) && $_SERVER['HTTP_REFERER']!=""):?>
	<a data-theme="a" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true" class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-focus ui-btn-up-a" data-rel="back" href="/mobile" data-icon="arrow-l">
	<span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span>
	<span class="ui-icon ui-icon-arrow-l ui-icon-shadow">&nbsp;</span></span>
	</a>
	<?endif;?>
</div>
	
<div id="MainContent">	
	
	<ul id="Gallery" class="gallery">
	<?foreach($kepek as $kep):?>
	<?if( !is_dir($utvonal.$kep) ):?>
		<?
		if(file_exists($utvonal.'300/'.$kep))
			$kiskep = $utvonal.'300/'.$kep;
		else
			$kiskep = $utvonal.$kep;
		?>
		<li><a href="/<?=$utvonal?><?=$kep?>" rel="external"><img src="/<?=$kiskep?>" alt="<?=str_replace("_"," ",current(explode('.',$kep)))?>" /></a></li>
	<?endif;?>
	<?endforeach;?>
	</ul>
	
</div>	

	
<div data-role="footer">
	<h4>&copy; <?=lang('m_cegnev')?></h4>
</div>

</div>
</body>
</html>
