Вывод доп. изображений в категории товаров (смена изображения товара) - [VM2&3] Дизайн, оформление

$document = JFactory::getDocument ();
$imageJS = '
jQuery(document).ready(function() {
	
	jQuery(".additional-images .product-image").click(function() {
		jQuery(".main-image2 img").attr("src",this.src );
		jQuery(".main-image2 img").attr("alt",this.alt );
		jQuery(".main-image2 a").attr("href",this.src );
		jQuery(".main-image2 a").attr("title",this.alt );
	}); 
});
';
$document->addScriptDeclaration ($imageJS);

<div class="width100 floatright">
		<div class="main-image2">
			<a title="<?php echo $product->product_name ?>" rel="vm-additional-images" href="<?php echo $product->link; ?>">
				<?php echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false); ?>
			</a>
		</div>
	<div class="additional-images">
    <?php
   if (!empty($product->images) and count ($product->images)>1) {
   foreach ($product->images as $image)
    {
        echo '<div class="floatleft">' . $image->displayMediaFull('class="product-image" style="cursor: pointer"',false,""). '</div>';
    }
    }
    ?>
</div>
</div>