Не могу решить проблему с изображениями - [VM2&3] Дизайн, оформление

   jQuery(document).ready(function() {
    jQuery("a[rel=vm-additional-images]")
    .fancybox({
            "titlePosition"    :"inside",
         "transitionIn"   :   "elastic",
         "transitionOut"   :   "elastic"
      });

var j$ = jQuery.noConflict();
j$(document).ready(function() {
    j$("a[rel=vm-additional-images]").fancybox({
        "titlePosition" : "inside",
        "transitionIn" : "elastic",
        "transitionOut" : "elastic"
    });
});

$this->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/jquery.fancybox-1.3.4.pack.js');
$this->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox.js');

echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");

echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',true,"");

<?php
if(VmConfig::get('add_img_main', 1)) {
//echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");
echo '<div class="floatleft">' . $image->displayMediaThumb('class="product-image"', true, 'class="modal"', true, true). '</div>'; //'class="modal"'

echo '<a href="'. $image->file_url .'"  class="product-image image-'. $i .'" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
} else {
echo $image->displayMediaThumb("",true,"rel='vm-additional-images'");
}
?>

<?php
/**
 *
 * Show the product details page
 *
 * @package	VirtueMart
 * @subpackage
 * @author Max Milbers, Valerie Isaksen

 * @link http://www.virtuemart.net
 * @copyright Copyright (c) 2004 - 2010 VirtueMart Team. All rights reserved.
 * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
 * VirtueMart is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * @version $Id: default_images.php 6188 2012-06-29 09:38:30Z Milbo $
 */
// Check to ensure this file is included in Joomla!
defined('_JEXEC') or die('Restricted access');
if(VmConfig::get('usefancy',1)){
	vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');
	vmJsApi::css('jquery.fancybox-1.3.4');
	$document = JFactory::getDocument ();
/*	$imageJS = '
	jQuery(document).ready(function() {
    jQuery("a[rel=vm-additional-images]")
    .fancybox({
            "titlePosition" 	:"inside",
			"transitionIn"	:	"elastic",
			"transitionOut"	:	"elastic"
		});

  		jQuery(".additional-images a.product-image.image-0").removeAttr("rel");
		jQuery(".additional-images img.product-image").click(function() {
			jQuery(".additional-images a.product-image").attr("rel","vm-additional-images" );
			jQuery(this).parent().children("a.product-image").removeAttr("rel");
			var src = jQuery(this).parent().children("a.product-image").attr("href");
			jQuery(".main-image img").attr("src",src);
			jQuery(".main-image img").attr("alt",this.alt );
			jQuery(".main-image a").attr("href",src );
			jQuery(".main-image a").attr("title",this.alt );
			jQuery(".main-image .vm-img-desc").html(this.alt);
		});
	});
    ';   */
$imageJS = '
var j$ = jQuery.noConflict();
j$(document).ready(function() {
    j$("a[rel=vm-additional-images]").fancybox({
        "titlePosition" : "inside",
        "transitionIn" : "elastic",
        "transitionOut" : "elastic"
    });
});

  		jQuery(".additional-images a.product-image.image-0").removeAttr("rel");
		jQuery(".additional-images img.product-image").click(function() {
			jQuery(".additional-images a.product-image").attr("rel","vm-additional-images" );
			jQuery(this).parent().children("a.product-image").removeAttr("rel");
			var src = jQuery(this).parent().children("a.product-image").attr("href");
			jQuery(".main-image img").attr("src",src);
			jQuery(".main-image img").attr("alt",this.alt );
			jQuery(".main-image a").attr("href",src );
			jQuery(".main-image a").attr("title",this.alt );
			jQuery(".main-image .vm-img-desc").html(this.alt);
		});

    ';

} else {
	vmJsApi::js( 'facebox' );
	vmJsApi::css( 'facebox' );
	$document = JFactory::getDocument ();
	$imageJS = '
	jQuery(document).ready(function() {
		jQuery("a[rel=vm-additional-images]").facebox();

		var imgtitle = jQuery("span.vm-img-desc").text();
		jQuery("#facebox span").html(imgtitle);


	});
	';
}
$document->addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {
	$image = $this->product->images[0];
	?>
	<div class="main-image">
<?php echo $image->displayMediaFull("",true,"rel='vm-additional-images'"); ?>

		<div class="clear"></div>
	</div>

	<?php
	$count_images = count ($this->product->images);
	if ($count_images > 1) {
		?>
		<div class="additional-images">
			<?php
			$start_image = VmConfig::get('add_img_main', 20)? 0 : 1;
			for ($i = $start_image; $i < $count_images; $i++) {
				$image = $this->product->images[$i];
				?>
				<div class="floatleft">
					<?php
					if(VmConfig::get('add_img_main', 1)) {
						//echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");
						echo '<div class="floatleft">' . $image->displayMediaThumb('class="product-image image-"', true, 'class="modal"', true, true). '</div>'; //'class="modal"'

						echo '<a href="'. $image->file_url .'"  class="product-image image-'. $i .'" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
					} else {
						echo $image->displayMediaThumb("",true,"rel='vm-additional-images'");
					}
					?>
				</div>
			<?php
			}
			?>
			<div class="clear"></div>
		</div>
	<?php
	}
}
// Showing The Additional Images END
?>

<div class="floatleft">
<?php
if(VmConfig::get('add_img_main', 1)) {
echo '<div class="floatleft">' . $image->displayMediaFull('class="product-image image-"', true, 'class="modal"', true, true,"rel='vm-additional-images'"). '</div>'; //'class="modal"'
echo '<a href="'. $image->file_url .'"  class="product-image image-'. $i .'" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
} else {
echo $image->displayMediaThumb("",true,"rel='vm-additional-images'");
}
?>
</div>

$this->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/jquery.fancybox-1.3.4.pack.js');
$this->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox.js');

vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');

"titlePosition" : 	"inside",
"transitionIn"	:	"fade",
"transitionOut"	:	"fade",
"changeFade"    :   "fast",
"type"			:	"html",
"autoCenter"    :   true,
"closeBtn"      :   false,
 "closeClick"    :   false,
"content"       :   txt

"openEffect"	: "fade",
"closeEffect"	: "fade",
"type"			:	"html",
"autoCenter"    :   true,
"closeBtn"      :   true,
"closeClick"    :   false,
 "content"       :   txt