Untitled

<!DOCTYPE html>
<head>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
    $('.jqzoom').jqzoom({
            lens:true,
            yOffset:50,
            xOffset:25,
            zoomWidth: 400,
            zoomHeight: 400,
            preloadText:'' ,
            showEffect:'fadein',
            hideEffect:'fadeout',
            preloadImages: false,
            alwaysOn:false
        });
});
</script>
 <div class="clearfix bottom" >
    <table>
    <tr><td>
    <ul id="thumblist" class="clearfix" >
        [*image-prod0:ifnotempty=`<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod0*]',largeimage: '/assets/images/production/[*image-prod0*]'}"><img src='/assets/images/production/small/[*image-prod0*]'></a></li>`*]
        [*image-prod1:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod1*]',largeimage: '/assets/images/production/[*image-prod1*]'}"><img src='/assets/images/production/small/[*image-prod1*]'></a></li>`*]
        [*image-prod2:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod2*]',largeimage: '/assets/images/production/[*image-prod2*]'}"><img src='/assets/images/production/small/[*image-prod2*]'></a></li>`*]
        [*image-prod3:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod3*]',largeimage: '/assets/images/production/[*image-prod3*]'}"><img src='/assets/images/production/small/[*image-prod3*]'></a></li>`*]
        [*image-prod4:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod4*]',largeimage: '/assets/images/production/[*image-prod4*]'}"><img src='/assets/images/production/small/[*image-prod4*]'></a></li>`*]
        [*image-prod5:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod5*]',largeimage: '/assets/images/production/[*image-prod5*]'}"><img src='/assets/images/production/small/[*image-prod5*]'></a></li>`*]
        [*image-prod6:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod6*]',largeimage: '/assets/images/production/[*image-prod6*]'}"><img src='/assets/images/production/small/[*image-prod6*]'></a></li>`*]
        [*image-prod7:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod7*]',largeimage: '/assets/images/production/[*image-prod7*]'}"><img src='/assets/images/production/small/[*image-prod7*]'></a></li>`*]
        [*image-prod8:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod8*]',largeimage: '/assets/images/production/[*image-prod8*]'}"><img src='/assets/images/production/small/[*image-prod8*]'></a></li>`*]
        [*image-prod9:ifnotempty=`<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '/assets/images/production/medium/[*image-prod9*]',largeimage: '/assets/images/production/[*image-prod9*]'}"><img src='/assets/images/production/small/[*image-prod9*]'></a></li>`*]
    </ul>
    </td></tr>
    </table>
</div>
<div class="clearfix">
        <a href="/assets/images/production/[*image-prod0*]" class="jqzoom" rel='gal1'  title="triumph" >
            <img width="300px" height="400px" src="/assets/images/production/medium/[*image-prod0*]"  title="triumph" >
        </a>
 </div>
 </body>