Список категорий товаров и onmouse - [VM1] Дизайн, оформление

<table >
     <tr><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=475&Itemid=34" onMouseOver="document.pic1.src='http://mactaksever.ru/templates/mactaksever/images/4b.jpg'" onMouseOut="document.pic1.src='http://mactaksever.ru/templates/mactaksever/images/4.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/4.jpg" width="123" height="124" NAME="pic1" border="0" /></a></td>
    	 <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=477&Itemid=34" onMouseOver="document.pic2.src='http://mactaksever.ru/templates/mactaksever/images/5b.jpg'" onMouseOut="document.pic2.src='http://mactaksever.ru/templates/mactaksever/images/5.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/5.jpg" width="123" height="124" NAME="pic2" border="0" /></a></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=478&Itemid=34" onMouseOver="document.pic3.src='http://mactaksever.ru/templates/mactaksever/images/6b.jpg'" onMouseOut="document.pic3.src='http://mactaksever.ru/templates/mactaksever/images/6.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/6.jpg" width="123" height="124" NAME="pic3" border="0" /></a></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=479&Itemid=34" onMouseOver="document.pic4.src='http://mactaksever.ru/templates/mactaksever/images/7b.jpg'" onMouseOut="document.pic4.src='http://mactaksever.ru/templates/mactaksever/images/7.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/7.jpg" width="123" height="124" NAME="pic4" border="0" /></a></td></tr>
     <tr>
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=475&Itemid=34" style="text-decoration:none;">Рабочая мебель и наборы в лотках</a> </td>
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=477&Itemid=34" style="text-decoration:none;">Универсальные наборы</a> </td><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=478&Itemid=34" style="text-decoration:none;">
Торцевые головки, насадки и принадлежности<a/></td><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=479&Itemid=34" style="text-decoration:none;">Пневматический инструмент и принадлежности</a></td></tr>
     <tr><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=487&Itemid=34" onMouseOver="document.pic5.src='http://mactaksever.ru/templates/mactaksever/images/8b.jpg'" onMouseOut="document.pic5.src='http://mactaksever.ru/templates/mactaksever/images/8.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/8.jpg" width="123" height="124" border="0" NAME="pic5"/></a></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=480&Itemid=34" onMouseOver="document.pic6.src='http://mactaksever.ru/templates/mactaksever/images/9b.jpg'" onMouseOut="document.pic6.src='http://mactaksever.ru/templates/mactaksever/images/9.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/9.jpg" width="123" height="124" border="0" NAME="pic6"/></a></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=481&Itemid=34" onMouseOver="document.pic7.src='http://mactaksever.ru/templates/mactaksever/images/10b.jpg'" onMouseOut="document.pic7.src='http://mactaksever.ru/templates/mactaksever/images/10.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/10.jpg" width="123" height="124" border="0" NAME="pic7"/></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=491&Itemid=34" onMouseOver="document.pic8.src='http://mactaksever.ru/templates/mactaksever/images/11b.jpg'" onMouseOut="document.pic8.src='http://mactaksever.ru/templates/mactaksever/images/11.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/11.jpg" width="123" height="124" border="0" NAME="pic8"/></td></tr>
         <tr>
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=487&Itemid=34" style="text-decoration:none;">Ключи</a></td>
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=480&Itemid=34" style="text-decoration:none;">Шарнирно- губцевый инструмент</a></td><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=481&Itemid=34" style="text-decoration:none;">Отвертки и вставки, Шестигранники и torx</a></td><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=491&Itemid=34" style="text-decoration:none;">Специализированный автоинструмент</a></td></tr>
     <tr><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=486&Itemid=34" onMouseOver="document.pic9.src='http://mactaksever.ru/templates/mactaksever/images/15b.jpg'" onMouseOut="document.pic9.src='http://mactaksever.ru/templates/mactaksever/images/15.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/15.jpg" width="123" height="124" border="0" NAME='pic9'/></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=485&Itemid=34" onMouseOver="document.pic10.src='http://mactaksever.ru/templates/mactaksever/images/12b.jpg'" onMouseOut="document.pic10.src='http://mactaksever.ru/templates/mactaksever/images/12.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/12.jpg" width="123" height="124" border="0" NAME="pic10"/></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=476&Itemid=34" onMouseOver="document.pic11.src='http://mactaksever.ru/templates/mactaksever/images/14b.jpg'" onMouseOut="document.pic11.src='http://mactaksever.ru/templates/mactaksever/images/14.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/14.jpg" width="123" height="124" border="0" NAME="pic11"/></td>
         <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=484&Itemid=34" onMouseOver="document.pic12.src='http://mactaksever.ru/templates/mactaksever/images/17b.jpg'" onMouseOut="document.pic12.src='http://mactaksever.ru/templates/mactaksever/images/17.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/17.jpg" width="123" height="124" border="0" NAME="pic12"/></td></tr>
         <tr id="catalog_table">
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=486&Itemid=34" style="text-decoration:none;">Ударно-режущий инструмент</a></td>
       <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=485&Itemid=34" style="text-decoration:none;">Гидравлический инструмент</a></td><td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=476&Itemid=34" style="text-decoration:none;">Диагностическое оборудование</a></td>
<td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=484&Itemid=34" style="text-decoration:none;">Прочий инструмент</a></td></tr>
<tr>
           <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=488&Itemid=34" onMouseOver="document.pic13.src='http://mactaksever.ru/templates/mactaksever/images/18b.jpg'" onMouseOut="document.pic13.src='http://mactaksever.ru/templates/mactaksever/images/18.jpg'"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/18.jpg" width="123" height="124" border="0" NAME="pic13"/></td>
           <td id="catalog_table">&nbsp;</td>
           <td id="catalog_table">&nbsp;</td>
           <td id="catalog_table">&nbsp;</td>
         </tr>
         <tr>
           <td id="catalog_table"><a href="http://mactaksever.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=488&Itemid=34" style="text-decoration:none;">Nordberg</a></td>
           <td id="catalog_table">&nbsp;</td>
           <td id="catalog_table">&nbsp;</td>
           <td id="catalog_table">&nbsp;</td>
         </tr>
      </table>

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' ); 
mm_showMyFileName(__FILE__);

$iCol = 1;
if( !isset( $categories_per_row )) {
	$categories_per_row = 4;
}
$cellwidth = intval( 100 / $categories_per_row );

if( empty( $categories )) {
	return; // Do nothing, if there are no child categories!
}
?>
<br/><center> 
<table cellspacing="0" cellpadding="0">
<?php
foreach( $categories as $category ) {
	if ($iCol == 1) { // this is an indicator wether a row needs to be opened or not
		echo "<tr>\n";
	}
	?>
	
	
	<td align="center" width="170px" valign="top">
		<br />
         <a style="text-decoration:none;" title="<?php echo $category["category_name"] ?>" href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"])?>"> 
			<?php
			if ( $category["category_thumb_image"] ) {
				echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"", 0, "category");
				echo "<br /><br/>\n";
			}
			echo $category["category_name"];
			echo $category['number_of_products'];
			?>
		 </a><br/>
	</td>
	
	
	<?php
	// Do we need to close the current row now?
	if ($iCol == $categories_per_row) { // If the number of products per row has been reached
		echo "</tr>\n";
		$iCol = 1;
	}
	else {
		$iCol++;
	}
}
// Do we need a final closing row tag?
if ($iCol != 1) {
	echo "</tr>\n";
}
?>
</table></center>