cloud-zoom, помогите разобраться с порядком открытия картинок

[Fleur]

Здравствуйте.

Есть увеличение картинки с помощью cloud-zoom как здесь http://minimalism.oldaine.tk/index.php?route=product/product&product_id=78. При нажатии на лупу открывается всплывающее окно с 1ой картинкой с использованием colorbox. 

 

Как сделать чтобы при выборе например 4той фотографии в сплывающем окне отображало именно ее, а не бросала обратно на первую, главную картинку?

 

То есть порядок открытия в colorbox шел не с 1 фотограйфии, а с той с которой выбирает пользователь и нажимает потом на картинку лупы.

 

Вот код где прописаны вызовы   cloud-zoom и colorbox.

<?php if ($thumb || $images) { ?>
    <div class="left">
     <div class="imageopen">
		<!-- SALE -->
	<?php if (!$special) { ?>
	<?php } else { ?>
	<a class="sale_producttpl"></a>
	<?php } ?>
		<!- SALE -->
         <a style="color: #f00;" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="catalog/view/theme/default/image/zoom.png"></a></div>

      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom" id='zoom1' rel="adjustX: 8, adjustY:0, tint:'#000000',tintOpacity:0.5, zoomWidth:405, zoomHeight: 388">
       <img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      
<?php } ?>
<div class="product_raiting"><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" /></div>
      
      <?php if ($images) { ?>
      <div class="image-additional">
       <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a>

        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
	
<a style="display: none;" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>