Используем jQuery для улучшения юзабилити сайта

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>

<!-- Скроллеры -->
<script type="text/javascript" charset="utf-8">
$(function () {
    $('ul.spy').simpleSpy();
});

(function ($) {
    
$.fn.simpleSpy = function (limit, interval) {
    limit = limit || 2;
    interval = interval || 4000;
    
    return this.each(function () {
        // 1. setup
            // capture a cache of all the list items
            // chomp the list down to limit li elements
        var $list = $(this),
            items = [], // uninitialised
            currentItem = limit,
            total = 0, // initialise later on
            height = $list.find('> li:first').height();
            
        // capture the cache
        $list.find('> li').each(function () {
            items.push('<li>' + $(this).html() + '</li>');
        });
        
        total = items.length;
        
        $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });
        
        $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

        // 2. effect        
        function spy() {
            // insert a new item with opacity and height of zero
            var $insert = $(items[currentItem]).css({
                height : 0,
                opacity : 0,
                display : 'none'
            }).prependTo($list);
                        
            // fade the LAST item out
            $list.find('> li:last').animate({ opacity : 0}, 1000, function () {
                // increase the height of the NEW first item
                $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
                
                // AND at the same time - decrease the height of the LAST item
                // $(this).animate({ height : 0 }, 1000, function () {
                    // finally fade the first item in (and we can remove the last)
                    $(this).remove();
                // });
            });
            
            currentItem++;
            if (currentItem >= total) {
                currentItem = 0;
            }
            
            setTimeout(spy, interval)
        }
        
        spy();
    });
};
    
})(jQuery);
</script>

      <div class="panel bg2">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <h3>Новинки</h3>
            <?php
               $shop = & singleton('shop');

               $param = array();
               $param['items_order']='Desc';
               $param['items_field_order']='shop_items_catalog_date_time';
               $param['current_group_id'] = false;
               $param['items_on_page'] = 5;
               $shop->ShowShop('8','МагазинКаталогТоваровНаГлавнойВерт',$param,$external_propertys);
            ?>                                                                        
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <xsl:template match="/">
      <xsl:apply-templates select="/shop"/>
   </xsl:template>
   
   <!-- Шаблон для магазина -->
   <xsl:template match="/shop">
      
      <!-- Получаем ID родительской группы и записываем в переменную $parent_group_id -->
      <xsl:variable name="parent_group_id" select="@current_group_id"/>
      
      <!-- Если в находимся корне - выводим название магазина -->
      <!--<h1><xsl:value-of disable-output-escaping="yes" select="name" /></h1>-->
      
      <xsl:variable name="count">1</xsl:variable>
      
      <!-- Выводим товары магазина -->
      <xsl:if test="count(item) &gt; 0">
         <ul class="spy">
            <xsl:apply-templates select="item"/>
         </ul>
      </xsl:if>
   </xsl:template>
   
   
   
   <!-- Шаблон для товара -->
   <xsl:template match="item">
      
      <!-- Определяем цвет фона -->
      <xsl:variable name="background_color">
         <xsl:choose>
            <xsl:when test="(position() + 1) mod 2 &gt; 0">#f7f7f7</xsl:when>
            <xsl:otherwise>#ffffff</xsl:otherwise>
         </xsl:choose>
      </xsl:variable>
      
      <li class="goods_column">
         
         <!-- Изображения для товара, если есть -->
         <xsl:if test="small_image!=''">
            <a href="{/shop/path}{fullpath}{path}/">
               <img src="{small_image}" align="top"/>
            </a>
         </xsl:if>
         
         <!-- Название товара -->
         <br/>
         <a href="{/shop/path}{fullpath}{path}/">
            <xsl:value-of disable-output-escaping="yes" select="name"/>
         </a>
         <!-- Цена товара товара -->
         <br/>
         <xsl:value-of disable-output-escaping="yes" select="price"/>&#xA0;<xsl:value-of disable-output-escaping="yes" select="currency"/>&#xA0;
         
         <!-- Ссылку на добавление в корзины выводим, если:
         type = 0 - простой тип товара
         type = 1 - электронный товар, при этом остаток на складе больше 0 или -1,
         что означает неограниченное количество
         <xsl:if test="type = 0 or (type = 1 and (eitem_count > 0 or eitem_count = -1))">
            <a href="{/shop/path}cart/?action=add&amp;item_id={@id}" onclick="return AddIntoCart('{/shop/path}', {@id}, 1)">
               <img alt="В корзину" title="В корзину" src="/hostcmsfiles/images/cart.gif"/>
            </a>
         </xsl:if> -->
      </li>
      
   </xsl:template>
   
   <!-- Шаблон для модификаций -->
   <xsl:template match="modifications/item">
      <tr>
         <td>
            <!-- Название модификации -->
            <a href="{/shop/path}{fullpath}{path}/">
               <xsl:value-of disable-output-escaping="yes" select="name"/>
            </a>
         </td>
         <td>
            <!-- Цена модификации -->
            <xsl:value-of disable-output-escaping="yes" select="price"/>&#xA0;
            <!-- Валюта -->
            <xsl:value-of disable-output-escaping="yes" select="currency"/>
         </td>
      </tr>
   </xsl:template>
   
   <!-- Шаблон для скидки -->
   <xsl:template match="discount">
      <br/>
      <xsl:value-of disable-output-escaping="yes" select="name"/>&#xA0;
      <xsl:value-of disable-output-escaping="yes" select="value"/>%</xsl:template>
   
   <!-- ======================================================== -->
   <!-- Шаблон выводит рекурсивно ссылки на группы инф. элемента -->
   <!-- ======================================================== -->
   
   <xsl:template match="group" mode="goup_path">
      <xsl:param name="parent_id" select="@parent"/>
      
      <!-- Получаем ID родительской группы и записываем в переменную $parent_group_id -->
      <xsl:param name="parent_group_id" select="/shop/@current_group_id"/>
      
      <xsl:apply-templates select="//group[@id=$parent_id]" mode="goup_path"/>
      
      <xsl:if test="@parent=0">
         <a href="{/shop/path}">
            <xsl:value-of disable-output-escaping="yes" select="/shop/name"/>
         </a>
      </xsl:if>
      
      <img src="/images/arrow_path.gif" class="arrow_path"/>
      
      <!-- ============================================================================================== -->
      <!-- Если ID группы, для которой выводим список элементов, равен ID текущей группы - выводим жирным -->
      <!-- ============================================================================================== -->
      <xsl:if test="$parent_group_id=@id">
         <a href="{/shop/path}{fullpath}">
            <b>
               <xsl:value-of disable-output-escaping="yes" select="name"/>
            </b>
         </a>
      </xsl:if>
      
      <!-- ============================ -->
      <!-- Иначе выводим обычную ссылку -->
      <!-- ============================ -->
      <xsl:if test="$parent_group_id!=@id">
         <a href="{/shop/path}{fullpath}">
            <xsl:value-of disable-output-escaping="yes" select="name"/>
         </a>
      </xsl:if>
   </xsl:template>
</xsl:stylesheet>