Сортировка на сайте на Java Script

Добрый день. Прошу помочь разобраться.

Сайт выводит товары. Необходимо сделать сортировку по мощности и по цене и всё это вывести на странице. Данные берутся из XML файла. Как я понимаю, то по мощности сортировать надо переменную  data-power, а по цене  data-price (выделены жирным).  Подскажите, как это сделать? Какой необходим код? Вот основная часть кода, которая выводит товары:

<TMPL_VAR NAME="INCLUDE_FILE">

      <div class="framed" style="float:left">

        <TMPL_LOOP NAME='products'>

         <div class="catitem" data-phases="<TMPL_VAR NAME='phases'>" data-power="<TMPL_VAR NAME='power'>"  data-price= " <TMPL_VAR NAME='price'>"  >

            <div style="float:left; height:64px;"> <a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>"><h2><TMPL_VAR NAME='trademark'> <TMPL_VAR NAME='model'></h2></a> <div style="margin-top: -12px;"><TMPL_VAR NAME='category'></div> <a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>"> <img src="/products/img/<TMPL_VAR NAME='image'>" style="margin-top: 5px;"></a> <div class="textabc"><TMPL_VAR NAME='texta'></br><TMPL_VAR NAME='textb'></br><TMPL_VAR NAME='textc'></div> </div>

<div class="descr">

<TMPL_VAR NAME='description'>

</div>

<div class="descr">

               <table><TMPL_LOOP NAME='characteristics'>

                <tr><th><TMPL_VAR NAME='name'></th><td><TMPL_VAR NAME='value'></td></tr>

              </TMPL_LOOP></table>

            </div>

            <div class="ctrl" style="float:left;">

              <div class="price" style="float:left;"><TMPL_VAR NAME='price'> <span style="font-size:16pt;">руб.</span></div>

              <TMPL_IF NAME="available">

                <div class="availability available" style="float:left;">Есть в наличии</div>

              <TMPL_ELSE>

                <!-- <div class="availability unavailable" style="float:left;">Нет в наличии</div> -->

              </TMPL_IF>

              <!-- <div class="btn btn-black"><a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>">Подробнее</a></div>  -->

  <TMPL_IF NAME="available">

              <div class="btn btn-red buy one-click_buy" style="float:left;" data-code="<TMPL_VAR NAME='code'>" data-image="<TMPL_VAR NAME='image_big'>"><a href="/buy.php?product=<TMPL_VAR NAME='code'>">Купить</a></div>

  </TMPL_ELSE>

  <img src="/theme/img/prodout_2.jpg" style="margin-top:8px;">

  </TMPL_IF>

</div>

          </div>

        </TMPL_LOOP>

      </div>