Заменить lightbox в VM 2.0 - [VM2&3] Дизайн, оформление

<div class="productImages">

<script type="text/javascript">
$(document).ready(function(){

$(".additional-images a").click(function(){

  var largePath = $(this).attr("href");
  var largeAlt = $(this).attr("title");

  $("#medium-image").attr({ src: largePath, alt: largeAlt });return false;
  });

});
</script>

      <?php // Product Main Image
      if (!empty($this->product->images[0])) { ?>
         <div class="main-image">
         <?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"',false,"class='modal'",true); ?>
         </div>
      <?php } // Product Main Image END ?>



      <?php // Showing The Additional Images
      // if(!empty($this->product->images) && count($this->product->images)>1) {
      if(!empty($this->product->images) ) { ?>
         <div class="additional-images">
         <?php // List all Images
         if(count($this->product->images) >0){
            foreach ($this->product->images as $image) {
               echo '<div class="floatleft">'.$image->displayMediaThumb('',true,'',true,false).'</div>'; //'class="modal"'
            }
         }
 ?>
         <div class="clear"></div>
         </div>
        <?php } // Showing The Additional Images END ?>

</div><!-- / productImages -->

<div class="width50 floatleft">
<?php
echo $this->loadTemplate('images');
?>
	</div>

$document = JFactory::getDocument();
$document->addScriptDeclaration("
	jQuery(document).ready(function($) {
		$('a.ask-a-question').click( function(){
			$.facebox({
				iframe: '" . $url . "',
				rev: 'iframe|550|550'
			});
			return false ;
		});
	$('.additional-images a').mouseenter(function() {	
				$('#medium-image').animate({opacity: 0.1},250);
				var himg = this.href ;			
				var extension=himg.substring(himg.lastIndexOf('.')+1);
				if (extension =='png' || extension =='jpg' || extension =='gif') {
					$('#medium-image').attr('src',himg );		
				}					    				
		});
		$('.additional-images a').mouseover(function() {
			$('#medium-image').animate({opacity: 1},750);					
			/*}console.log(extension)*/
		});
	});
");
/* Let's see if we found the product */

26    <?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"',true,'rel="lightbox"',true,true); ?> 

40    echo '<div class="floatleft">' . $image->displayMediaThumb('class="product-image"',true,'rel="lightbox[other]"',true,true). '</div>'; //'class="modal"'

<?php // List all Images
         foreach ($this->product->images as $image) {
            echo $image->displayMediaThumb('class="product-image"',true,'class="modal"',true,true); //'class="modal"'
         } ?>

<?php // List all Images
         foreach ($this->product->images as $image) {
            echo $image->displayMediaFull('class="product-image"',true,'class="modal"',true,true); //'class="modal"'
         } ?>