{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}
<style type="text/css">
.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; }
.bigImg {ldelim} width:{$Juza_width}px !important; }
#imageToolBar {ldelim} top:{$Juza_shift2}px; }
.content ul.thumbnailCategories li.Juza-cat {ldelim} width: 100%; }
</style>
  {/html_head}
<script type="text/javascript">
$().ready(function() {ldelim}
  $('div.illustration a img').each(function() {ldelim}
    $('div.illustration a img').load(function() {ldelim}
      // var $h = $(this).height();
      var pld = $(this), $h = pld.height(); 
      $(this).css('top', '{$Juza_shift}px');
      $(this).parents('li').eq(0).css('height', '{$Juza_height2}px').css('min-height', '{$Juza_height2}px');
      $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , '{$Juza_height3}px').css('top', '{$Juza_shift3}px').find('li').css('width','100%');
      $(this).parents('.maxIllustration a').eq(0).css('height', '{$Juza_height}px');
      if ($h  < {$Juza_height3+20})  {ldelim} /* Kill Auto crop */
        var $i = ($h + 55)+'px';
        var $j = ($h + 325)+'px';
        var $k = ($h + 12)+'px';
        var $h = $h+'px';
        $(this).css('top', '0px');
        $(this).parents('li').eq(0).css('height', $i).css('min-height', $i);
        $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , $j).css('top', '-'+$k).find('li').css('width','100%');
        $(this).parents('.maxIllustration a').eq(0).css('height', $h);
      }; /* Kill Auto crop */
    });
    var $h = $('#jquery_local_img #relTag').height() + 50 + {$Juza_width};
    $('#copyright').css('margin-top', $h+'px');
  });
  $('div.illustration a img').ready(function() {ldelim}
    $('div.illustration a img').each(function() {ldelim}
      var $h = $(this).height();
      $(this).css('top', '{$Juza_shift}px');
      $(this).parents('li').eq(0).css('height', '{$Juza_height2}px').css('min-height', '{$Juza_height2}px');
      $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , '{$Juza_height3}px').css('top', '{$Juza_shift3}px').find('li').css('width','100%');
      $(this).parents('.maxIllustration a').eq(0).css('height', '{$Juza_height}px');
      if ($h  < {$Juza_height3+20})  {ldelim} /* Kill Auto crop */
        var $i = ($h + 55)+'px';
        var $j = ($h + 325)+'px';
        var $k = ($h + 12)+'px';
        var $h = $h+'px';
        $(this).css('top', '0px');
        $(this).parents('li').eq(0).css('height', $i).css('min-height', $i);
        $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , $j).css('top', '-'+$k).find('li').css('width','100%');
        $(this).parents('.maxIllustration a').eq(0).css('height', $h);
      }; /* Kill Auto crop */
    });
    var $h = $('#jquery_local_img #relTag').height() + 50 + {$Juza_width};
    $('#copyright').css('margin-top', $h+'px');
  });
});
</script>


{if isset($thumbnails)}
<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)}
<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 is_admin()}
<div id="Juza_call" style="display:none"><a class="Juza_conf" href="#">{'Juza Theme Configuration'|@translate}</a>
</div>
{/if}

{$MENUBAR}
{assign var=MENUBAR value=''}