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

[petyann]

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

Сайт выводит товары. Необходимо сделать сортировку по мощности и по цене и всё это вывести на странице. Данные берутся из 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>