{if isset($Juza_active)}
	{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
	{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
	{assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme}
	{known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"}
	{html_head}
	<script type="text/javascript">
	  $('img.bigImg').each(function() {ldelim}
	    $h = $(this).height()
			if ($h < {$Juza_height}) {ldelim}
				$(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
				$(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
				$(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
				$(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
				$(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
			}
		});
	</script>
	{if isset($Juza_Auto_CS)} {* Auto Cropping and Shifting *}
		<style type="text/css">
.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; }
.bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; }
#imageToolBar {ldelim} top:{$Juza_shift2}px; }
.content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; }
		</style>
	{else}
	<script type="text/javascript">
	  $('img.bigImg').each(function() {ldelim}
	    $h = $(this).height()
			$(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
			$(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
			$(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
			$(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
			$(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
			$(this).after('--'+$h+'px --');
		});
	</script>
	{/if}
	<style type="text/css">
.content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; }
#copyright {ldelim} margin-top: {$Juza_width}px; }
table.juzabar td {ldelim} width: 155px; }
	</style>
<noscript>
	<style type="text/css">
.maxIllustration a {ldelim} max-height: auto; height: auto; width:auto; }
.bigImg {ldelim} top:0px; width:auto !important; }
#imageToolBar {ldelim} top:0px; }
.content ul.thumbnailCategories li.Juza-cat {ldelim} height:auto; min-height:auto; }
.content div.thumbnailCategory div.description {ldelim} height:auto !important; top:0px; }
#copyright {ldelim} margin-top: 0px; }
.content ul.thumbnailCategories li {ldelim} width:49.7%; }
	</style>
</noscript>

	{/html_head}
{else}
	{html_head}
	<style type="text/css">
.content ul.thumbnailCategories li {ldelim} width:49.7%; }
	</style>
	{/html_head}
{/if}
<table cellspacing="0" class="juzabar">
<tbody><tr>
<td>HOME PAGE</td>
<td>PORTFOLIO</td>
<td><a title="Gallery home" href="{''|make_index_url}"><strong>GALLERIES</strong></a></td>
<td><a title="Available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td>
<td>ABOUT JUZA</td>
<td>E-MAIL</td>
<td>JUZA FORUM</td>
{if !empty($blocks)}
<td><a class="Juza_menu hidden" title="Display menu" href="#"><strong>MENU</strong></a></td>
{/if}
</tr>
</tbody></table>
{if isset($thumbnails) and isset($Juza_active)}
<div id="ix-desc" style="display:none">
{foreach from=$thumbnails item=thumbnail}
  <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div>
	 <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div>
{/foreach}
</div>
{/if}
{if isset($category_thumbnails) and isset($Juza_active)}
<div id="ix-cat" style="display:none">
{foreach from=$category_thumbnails item=cat}
  <img src="{$cat.TN_SRC}" title="{$cat.TN_SRC|@Juza_file}" alt="{$cat.DESCRIPTION|@strip_tags|@htmlspecialchars}" class="Cat"/>
{/foreach}
</div>
{/if}
{if isset($Juza_cats)}
<div id="menu-cat" style="display:none">
{$Juza_cats}
</div>
{/if}
{if isset($Juza_config)}
<form id="Juza_config" method="post" class="properties" action="index.php">
<fieldset id="Juza_config_fs">
  <legend><span class="legend">{'Juza Theme Configuration'|@translate}</span></legend>
  <ul>
    <li>
      <label>
        <span class="property">{'Activate Juza handlers'|@translate}</span>
        <input type="checkbox" name="Juza_handlers" {$Juza_handlers} />
        <span class="range">{'Unselected => like Javascript inactive'|@translate}</span>
     </label>
    </li>
    <li>
      <span class="property">
        <label for="Width">{'Index picture max-width'|@translate}</label>
      </span>
      <input type="text" size="4" maxlength="4" name="Juza_width" id="Juza_width" value="{$Juza_width}" />
      <span class="range">{'[300:885]'|@translate}</span>
    </li>
    <li>
      <span class="property">
        <label for="Height">{'Index picture cropping-height'|@translate}</label>
      </span>
      <input type="text" size="4" maxlength="4" name="Juza_height" id="Juza_height" value="{$Juza_height}" />
       <span class="range">{'[110:400]'|@translate}</span>
   </li>
    <li>
      <span class="property">
        <label for="Shift">{'Index picture top-shift'|@translate}</label>
      </span>
      <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_shift" value="{$Juza_shift}" />
      <span class="range">{'[-320:0]'|@translate}</span>
    </li>
    <li>
      <label>
        <span class="property">{'Auto cropping and shifting'|@translate}</span>
        <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} />
        <span class="range">{'Recommended medium width &lt; 900px'|@translate}</span>
      </label>
    </li>
  </ul>
</fieldset>
  
    <input type="hidden" value="true" name="Juza_conf" />
    <input class="submit" type="submit" name="Juza_submit" value="{'Juza_Submit'|@translate}" />
    <input class="submit" type="submit" name="Juza_reset" value="{'Juza_Reset'|@translate}" />
    <input class="submit" type="submit" name="Juza_close" value="{'Juza_Close'|@translate}" />
  
</form>
{/if}