<style type="text/css">
{ margin:0; padding:50px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF; background:#fff; }a img{border:none;}
#gallery2
{ width:563px; height:400px; overflow:hidden; position:relative; z-index:1; margin:0 auto 100px auto; }
#tabs2
{ list-style:none; padding:0; margin:0; width:130px; height:600px; float:left; }
#tabs2 li
{ padding:0; margin:0; float:left; } #tabs2 li a img{ display:block; width:60px; height:90px; }
#tabs2 li a
{ display:block; border:5px solid #fff; width:60px; height:90px; }
#fullPicBlock
{ width:433px; height:530px; overflow:hidden; float:left; background:#ffffff; }
</style>
<h1><br></h1>
<div id="gallery2">
<ul id="tabs2">
<li>
<a href="#pic1"><img src="$IMG_SMALL_URL1$"></a></a>
</li>
<li>
<a href="#pic2"><img src="$IMG_SMALL_URL2$"></a>
</li>
<li>
<a href="#pic3"><img src="$IMG_SMALL_URL3$"></a>
</li>
<li>
<a href="#pic4"><img src="$IMG_SMALL_URL4$"></a>
</li>
</ul>
<div id="fullPicBlock">
<div>
<a name="pic1"></a>
$IMAGE1$
</div>
<div>
<a name="pic2"></a>$IMAGE2$</div>
<div>
<a name="pic3"></a>$IMAGE3$</div>
<div>
<a name="pic4"></a>$IMAGE4$</div>
</div>
</div>