{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}

<div style="width:100%;">
{if $IMAGE_NAME != ''}
    <h3 style="color: #666;margin-top: 2px; padding: 3px;padding-top: 2px;">{$IMAGE_NAME}</h3>
    <table border="0">
	<tr id="imgprocessor">
            <td bgcolor="#FFFFFF" width="100" valign="top">
                <table border="0" cellspacing="0" width="100%" align="left">
                    <tr>
                            <td class="smallText"><b>{#size#}:</b><br />
                            {$IMAGE_SIZE_KB}kb</td>
                    </tr>
                    <tr>
                            <td class="smallText"><b>{#dimension#}:</b><br />
                            {$IMAGE_SIZE_W}x{$IMAGE_SIZE_H}px</td>
                    </tr>
                    <tr>
                            <td class="smallText"><b>{#date_created#}:</b><br />
                            {$IMAGE_DATE_CREATED|date_format:"%d.%m.%y&nbsp;%H:%M:%S"}</td>
                    </tr>
                    <tr>
                            <td class="smallText"><b>{#file_type#}:</b><br />
                            {$IMAGE_TYPE}</td>
                    </tr>
                    {if $IMAGE_NR > 0}
                    <tr>
                            <td class="smallText"><b>{#visible_in_shop#}:</b><br />
                            <span id="visible_in_shop{$IMAGE_NR}"></span></td>
                    </tr>
                    {/if}
                </table>
            </td>
            <td bgcolor="#FFFFFF" valign="top">
                    <span id="previewpic"><a class="imageSwap{$IMAGE_NR}" id="previewpic_link" href="{$IMAGE_ORIGINAL}?{$IMAGE_UNIQUE_ID}"><img id="mainImage{$IMAGE_NR}" src="{$IMAGE_THUMBNAIL}?{$IMAGE_UNIQUE_ID}" class="pp_img_src" border="0" style="max-width:230px;max-height:230px;" alt="" /></a></span>
            </td>
        </tr>
    </table>

    <table border="0" cellpadding="2" cellspacing="0" style="width:100%;">
    <tr>
            <td valign="top" class="smallText"><a href="categories.php?action=image_download&name={$IMAGE_NAME}" class="lbOn_nofunc ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all download_product_img">{#download#}</a></td>
            <td valign="top" class="smallText" align="right"><a href="javascript:void( ajax_delete_image({$IMAGE_NR},'{$IMAGE_NAME}'));" class="lbOn_nofunc ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all delete_product_img">{#delete#}</a></td>
    </tr>
    </table>
{else}<!-- END IF IMAGE_NAME != ''  //-->

<i>{#no_image#}</i>

{/if}

</div>
<script type="text/javascript">
<!--
var IMG_NR = '{$IMAGE_NR}';
{literal}
$('#visible_in_shop'+IMG_NR).ready(function(){
	load_visible_in_shop(IMG_NR);
});
{/literal}
//-->
</script>