[SNEG]

Возможно и судьба,извиняюсь попробую внятней обьяснить:

<div class="layout-slider">
  <input id="CPUslider" type="slider" name="price" value="1" /></br>
  <input id="RAMslider" type="slider" name="price" value="1" /></br>
  <input id="HDDslider" type="slider" name="price" value="1" />
</div>
    <script type="text/javascript">
      jQuery("#CPUslider").slider({ from: 1, to: 20, step: 1, round: 1, scale: [1, '|', 5, '|' , '10', '|', 15, '|', 20], skin: "round_plastic"});
      jQuery("#RAMslider").slider({ from: 1, to: 16, step: 1, round: 1, scale: [1, '|', 4, '|' , '8', '|', 12, '|', 16], skin: "round_plastic"});
	  jQuery("#HDDslider").slider({ from: 1, to: 100, step: 1, round: 1, scale: [1, '|', 10, '|' , 20, '|', 30, '|', 40, '|', '50', '|', 60, '|', 70, '|', 80, '|', 90, '|', 100], skin: "round_plastic"});
    </script>
<div>Общая цена</div>
<div id="totalprice"></div>
<script type="text/javascript">
     var vdscpuprice = $("#CPUslider").slider("value");
     var vdsramprice = $("#RAMslider").slider("value");
     var vdshddprice = $("#HDDslider").slider("value");
     document.getElementById('totalprice').innerHTML = (vdscpuprice + vdsramprice + vdshddprice);
</script>

Эта структура работает почти-что как надо за исключением того что значения vdscpuprice + vdsramprice + vdshddprice - изначальные, на которых подгружается страница и при изменении ползунка значения не меняются, меняются только у самого ползунка. Есть ли возможность как то их брать из текущих значений ползунка? тоесть если ползунок подвинули один из трех, автоматически значение поменялось и в 'totalprice".
Я так понимаю прописывать document.getElementById('totalprice').innerHTML = sum[0]+sum[1]+sum[2] нужно вне onstatechange? а var sum = [0,0,0] перед слайдерами?