Как сделать автоматическую разбивку?

Здравствуйте. Скажите пожалуйста, как сделать автоматическое проставление определенной цифры, в определенном количестве ссылок.

К примеру, есть вот такой слайдер, который выводится вот через такой код

                    <ul data-active-group="1" data-max-group="3">
                      <li class="active" style="" data-group="1">1</li>
                      <li class="" style="" data-group="1">2</li>
                      <li class="" style="" data-group="1">3</li>
                      <li class="" style="" data-group="1">4</li>
                      <li class="" style="" data-group="1">5</li>
                      <li class="" style="" data-group="1">6</li>
                      <li class="" style="" data-group="1">7</li>
                      <li class="" style="" data-group="1">8</li>
                      <li class="" style="" data-group="1">9</li>
                      <li class="" style="" data-group="1">10</li>
                      <li class="" style="" data-group="2">11</li>
                      <li class="" style="" data-group="2">12</li>
                      <li class="" style="" data-group="2">13</li>
                      <li class="" style="" data-group="2">14</li>
                      <li class="" style="" data-group="2">15</li>
                      <li class="" style="" data-group="2">16</li>
                      <li class="" style="" data-group="2">17</li>
                      <li class="" style="" data-group="2">18</li>
                      <li class="" style="" data-group="2">19</li>
                      <li class="" style="" data-group="2">20</li>
                      <li class="" style="" data-group="3">21</li>
                      <li class="" style="" data-group="3">22</li>
                      <li class="" style="" data-group="3">23</li>
                      <li class="" style="" data-group="3">24</li>
                      <li class="" style="" data-group="3">25</li>
                      <li class="" style="" data-group="3">26</li>
                      <li class="" style="" data-group="3">27</li>
                      <li class="" style="" data-group="3">28</li>
                      <li class="" style="" data-group="3">29</li>
                      <li class="" style="" data-group="3">30</li>
                    </ul>

В данном случае есть 3 слайда. по 10 информационных блока.

Так вот, сама суть вопроса, как сделать что бы первая десятка ссылок

<li class="" style="" data-group="1">2</li>

получала цифру 1 в строке data-group="1". А уже начиная с 11 в data-group="2" - было уже 2.

И по мимо этого в строке data-max-group="Х" после каждой десятой строки, в поле заместо Х плюсовалось на 1.

Знаю что это какой то слайдер, но я его так и не нашел. Может кто знает как такое сделать, или знает что за слайдер, прошу подсказать