Смена изображения при наведении в карточке товара - Дизайн и оформление

<?php if(isset($images[1])) {
					$image_second = ($this->config->image_product_live_path).'/'.($images[1]->image_thumb); ?>
					<img class="jshop_img first-image" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>"  />
					<img class="jshop_img second-image" src = "<?php print $image_second; ?>" alt="" />
				<?php } else{ ?>
					<img class="jshop_img single-image" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>"  />
				<?php } ?>

<!-- Image Thumb -->
					<div class="jshop_img_description">
						<?php print $this->_tmp_product_html_before_image_thumb;?>
						<span id='list_product_image_thumb'>
						
							<?php if ( (count($this->images)>1) || (count($this->videos) && count($this->images)) ) {?>
								<?php foreach($this->images as $k=>$image){ ?>
									<?php if(count($this->images) < 5) {
										print '<img class="jshop_img_thumb span3" src="' . $this->image_product_path.'/'. $image->image_thumb .'" alt="' . htmlspecialchars($image->_title).'" title="' . htmlspecialchars($image->_title).'" onclick="showImage(' . $image->image_id.')" />';
									} else { ?>
										<?php if($k%4 == 0 ){
											print '<div class="row-fluid">';
											$k = 0;								
										}?>
										<img class="jshop_img_thumb span3" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
										<?php if ($k%4== 3){
											print '</div>';
										} ?>
									<?php } ?>
									
								<?php }?>
								<?php if ($k%4 != 3 && count($this->images) > 4) print "</div>";?>
							<?php }?>
						</span>
					</div>				
					<?php print $this->_tmp_product_html_after_image;?>

					<?php if ($this->config->product_show_manufacturer_logo && $this->product->manufacturer_info->manufacturer_logo!=""){?>
					<div class="manufacturer_logo">
						<a href="<?php print SEFLink('index.php?option=com_jshopping&controller=manufacturer&task=view&manufacturer_id='.$this->product->product_manufacturer_id, 2);?>">
							<img src="<?php print $this->config->image_manufs_live_path."/".$this->product->manufacturer_info->manufacturer_logo?>" alt="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" title="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" border="0" />
						</a>
					</div>