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

	количество ссылок: 
	<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['id']}
						<b>{$category['title']}</b>
					{else}
						<a href="{$category['url']}">{$category['title']}</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('{$photo['url']}','','','','')">
					<img class="bi" align="Middle" alt="{$photo['description']}" src="{$photo['url_preview']}" 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}


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

	{if count($galleries)}
	<tr>
		<td class="v11px" style="padding-top:5;">
        		{show_galleries galleries=$galleries current_gallery_id=$current_gallery_id}
		</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[$current_photo_id]['description']}" src="{$photos[$current_photo_id]['url']}" width="" height="" style="border-color:#999999;" />
						<br>
						<span id="SelectedImageDescription" name="SelectedImageDescription" class="v11px_black_bold">{$photos[$current_photo_id]['description']}</span>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>