Отображение подгрупп (с дополнительным св-вом Чекбокс) в виде горизонтальной прокрутки каруселью

<?xml version="1.0" encoding="utf-8"?>
<!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="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <!-- СписокЭлементовИнфосистемы -->
   
   <xsl:template match="/">
      <xsl:apply-templates select="/document"/>
   </xsl:template>
   
   
   
   <xsl:template match="/document"><div class="carousel-box">
      <div  class="prev"><a href="#"><img src="/site7/prev.jpg" alt="" /></a></div>
      <div align="center" class="next"><a href="#"><img src="/site7/next.jpg" alt="" /></a></div>
         <div class="carousel">
            <ul>
               <!-- Отображение записи информационной системы -->
               <xsl:apply-templates select="blocks/items/item[item_status=1]"/>
            </ul>
         </div>
      </div>
   </xsl:template>
   
   <!-- Шаблон вывода информационного элемента -->
   <xsl:template match="blocks/items/item">
      <li>
         <div class="box">
            <div class="border-top">
               <div class="border-bot">
                  <div class="left-top-corner">
                     <div class="right-top-corner">
                        <div class="right-bot-corner">
                           <div class="left-bot-corner">
                              <div class="img-box2">
                                 <!-- Изображение для информационного элемента (если есть) -->
                                 <xsl:if test="item_small_image!=''">
                                    <img src="{item_small_image}"  />
                                 </xsl:if>
                                 
                                 <div class="inner">
                                    <xsl:value-of disable-output-escaping="yes" select="item_name"/>
                                    <p><xsl:value-of disable-output-escaping="yes" select="item_description"/></p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </li>
   </xsl:template>
</xsl:stylesheet>

<?xml version="1.0" encoding="utf-8"?>
<!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="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <!-- СписокЭлементовИнфосистемы -->
   
   <xsl:template match="/">
      <xsl:apply-templates select="/document"/>
   </xsl:template>
   
   
   
   <xsl:template match="/document"><div class="carousel-box">
      <div  class="prev"><a href="#"><img src="/site7/prev.jpg" alt="" /></a></div>
      <div align="center" class="next"><a href="#"><img src="/site7/next.jpg" alt="" /></a></div>
         <div class="carousel">
            <ul>
               <!-- Отображение записи информационной системы -->
               
               <xsl:if test="count(blocks/selected_tags/tag) = 0 and count(.//group[@parent_id=$parent_group_id]) &gt; 0"><xsl:apply-templates select=".//group[propertys/property[@xml_name='champion_page']/value!=0]" mode="groups"/>
            </xsl:if>            </ul>
         </div>
      </div>
   </xsl:template>
   
   <!-- Шаблон вывода -->
   
   <xsl:template match="group" mode="groups">
      <li>
         <div class="box">
            <div class="border-top">
               <div class="border-bot">
                  <div class="left-top-corner">
                     <div class="right-top-corner">
                        <div class="right-bot-corner">
                           <div class="left-bot-corner">
                              <div class="img-box2">
                                 <!-- Изображение для информационного элемента (если есть) -->
                                 
                                 <img alt="" src="{propertys/property[@xml_name='img']/small_image/property_file_path}" />
                                 <div class="inner">
                                    <xsl:value-of disable-output-escaping="yes" select="name"/>
                                    <p><xsl:value-of disable-output-escaping="yes" select="item_description"/></p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </li>
   </xsl:template>
</xsl:stylesheet>