<div class="panel" align="center"><div style=" background:#282828; border-top:1px solid #303030;border-right:1px solid #222222;border-bottom:1px solid #222222;border-left:1px solid #222222;padding: 4px 4px 4px 4px;color:#999;"><a href="$PHOTO_URL$"><img src="$PHOTO_DIRECT_URL$" height="80" width="110"
border="0"/></div></a></div>
<style type="text/css" media="screen">
.stepcarousel {position: relative;overflow: scroll;width: 920px;height: 104px;}
.stepcarousel .belt {position: relative;left: 0;top: 0;}
.stepcarousel .panel {float: left;overflow: hidden;margin-right: 6px;margin-top: 1px;}
.stepcarousel .panel img {width: 100px; height: 80px;}
</style>
<script type="text/javascript" src="/js/stepcarousel.js"></script>
<div align="center">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<!-- СЛАЙДШОУ -->
$MYINF_XX$
</div>
</div>
<!-- /СЛАЙДШОУ -->
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery',
beltclass: 'belt',
panelclass: 'panel',
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:300, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/left.png', -35, -1], rightnav: ['/images/right.png', 5, -1]},
statusvars: ['statusA', 'statusB', 'statusC'],
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</div>