{setParam name='js_links' value='/PhotoGallery.js'}
{setParam name='js_links' value='/js/PhotoGallery.js'}
{setParam name='js_links' value='/media/PhotoGallery.js'}


{function name="show_galleries" galleries=array() current_gallery_id='' urlPrefix=''}
	<!-- ссылки на категории фото

	количество ссылок: 
	<2 - не отображается
	<4 - отображается в порядке: 1 - 2 - 3
	<5 - 1 - 2
	     3 - 4
	>=5 - 1 4 7
	      2 5 8
	      3 6 9
	-->
	{get_columns_from_categories assign_to='columns' categories=$galleries}

	<table cellpadding="0" width="100%">
		<tr valign="top">
		{$column_cnt=count($columns)}
		{$column_width=ceil(100/$column_cnt)}
		{for $column_i=0; $column_i<$column_cnt; $column_i++}
			<td width="{$column_width}%" style="padding-right:10;">
				<ul>
				{foreach $columns[$column_i] as $category}
					<li>
					{if $current_gallery_id==$category['GALLERY_ID']}
						<b>{$category['GALLERY_NAME']}</b>
					{else}
						<a href="{$category['GALLERY_URL']}">{$category['GALLERY_NAME']}</a>
					{/if}
					</li>
				{/foreach}
				</ul>
			</td>
		{/for}
			{*<!-- скорее всего баг
			<td width="33%" style="padding-right:10;">
				<ul>
				</ul>
			</td>
			-->*}
		</tr>
	</table>
{/function}



{function name="show_photos" photos=array()}
	<table cellpadding="0">
	{foreach $photos as $photo}
		<tr>
			<td valign="top" align="center" class="v11px">
				<a onmouseover="this.style.cursor = 'pointer';" onmouseout="this.style.cursor = 'default';" onclick="javascript:SwitchImage('{dbImgUrl id=$photo['FILE_ID']}','','','','')">
					<img class="bi" align="Middle" alt="{$photo['PHOTO_DESCR']}" src="{dbImgUrl id=$photo['FILE_ID']}" width="125" height="" style="border-color:#999999;" />
				</a>
			</td>
		</tr>
		<tr><td colspan="2"><img width="1" height="5" src="/images/p.gif" /></td></tr>
	{/foreach}
	</table>
{/function}

{if $empty}

	<i>Нет фотографий.</i>
	
{else}

	<div class="tabContent" style="padding: 10px 0;">
		<div class="clear"></div>
		<div class="photo_gallery_right">
			{foreach $photos as $photo}
				<img{if !$photo@first} class="hide"{/if} src="{dbImgUrl id=$photo['FILE_ID'] type='gallery'}" alt="" />
			{/foreach}
		</div>
		<div class="clear"></div>
		<div class="photo_gallery_left">
			{foreach $photos as $photo}
				<a href="#{dbImgUrl id=$photo['FILE_ID'] type='gallery'}"><img src="{dbImgUrl id=$photo['FILE_ID'] type='gallery'}" alt="" /></a>
			{/foreach}
		</div>
	</div>
	

	{*	
		<table cellpadding="0" width="100%">

			{if count($galleries)}
				<tr>
					<td class="v11px" style="padding-top:5;">
							{show_galleries galleries=$galleries current_gallery_id=$currentGallery urlPrefix=$urlPrefix}
					</td>
				</tr>
			{/if}

			<tr>
				<td style="padding-top:10;">
					<table cellpadding="0" width="100%">
						<tr valign="top">
							<td width="135px">
								<!-- Таблица оборачивается в див если количество изображений больше 3 (?)-->
								<div style="overflow:auto;width:135px;height:512px;">
									{show_photos photos=$photos}
								</div>
							</td>

							<td width="100%" valign="top" align="center" class="v12px" style="padding:0 10 0 10;">
								<img id="SelectedImage" name="SelectedImage" class="bi" align="Middle" alt="{$photos[0]['PHOTO_DESCR']}" src="{dbImgUrl id=$photos[0]['FILE_ID']}" width="" height="" style="border-color:#999999;" />
								<br>
								<span id="SelectedImageDescription" name="SelectedImageDescription" class="v11px_black_bold">{$photos[0]['PHOTO_DESCR']}</span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	*}
{/if}