<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
google.load("jquery", "1");
// ]]></script>
<script type="text/javascript">// <![CDATA[
function update(){
var sum = 0;
$("#calculator > tbody > tr").each(function(){
var price = parseFloat($(this).find("td:eq(2)").text());
var amount = parseFloat($(this).find("td:eq(3)").find("input:first").val());

var value = $(this).find("td:eq(4)");
if (amount > 0) {
value.text(price*amount);
sum += price*amount;
} else {
value.text(0);
}
});
$("#summary").text(sum);
}
$(document).ready(function(){
update();
$("#calculator input").keyup(function(){
update();
});
});
// ]]></script>

<h2>Kalkulator ogrodzenia</h2>
<table id="calculator" style="border-style: solid; border-width: 0pt; padding: 7px; background-color: #edede5;" border="0">
<thead>
</tfoot>
<tbody>
<tr>
</tr>
<tr style="text-align: center;">
<th><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;">Rodzaj ogrodzenia <br /></span></th> <th style="text-align: right;"><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;"> <br /></span></th> <th style="text-align: right;"><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;"> Cena jednostkowa <br /></span></th> <th><span style="font-size: 10pt; color: #6c9107; font-family: tahoma,arial,helvetica,sans-serif;">Ilość (m)</span></th> <th style="text-align: right;"><span style="color: #6c9107; font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: 10pt;">Wartość w z</span>ł</span></th>
</tr>

<td><span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 8pt;"><select name="categoria" onmouseover="unlock()" onchange="selectSub(this)">

<option selected value="">-- Wybierz --
<option value="">Siatka 2,0x3,1 słupek minia
<option value="arts">Siatka 2,5x3,8 słupek minia
<option value="software">Siatka 2,8x4,0 słupek minia
<option value="plik1">Siatka 2,0x3,1 słupek ocynk
<option value="plik1">Siatka 2,5x3,8 słupek ocynk
<option value="plik1">Siatka 2,8x4,0 słupek ocynk
<option value="plik1">Panel fi4 ocynk
<option value="plik1">Panel fi4 ocynk+malowanie RAL6005
<option value="plik1">Panel fi5 ocynk
<option value="plik1">Panel fi5 ocynk+malowanie RAL6005
<option value="plik1">JONIEC (bloczki)
</select><br>
</span></td>
<td style="text-align: right;"><span style="font-size: 8pt; font-family: tahoma,arial,helvetica,sans-serif;"></span></td>
<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 8pt;">17,00 </span><br /></td>
<td><input name="czas_zakupu" type="text" /></td>
<td style="text-align: right;"><br /></td>
</tr>
<tr>
</tr>
<tr style="text-align: center;">
<th><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;">Rodzaj podmurówki <br /></span></th> <th style="text-align: right;"><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;"> <br /></span></th> <th style="text-align: right;"><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;">
<tr>
<td><span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 8pt;"><select name="categoria" onmouseover="unlock()" onchange="selectSub(this)">

<option selected value="">-- Wybierz --
<option value="announce">Podmurówka 20cm wibroprasowana 40x39
<option value="arts">Podmurówka 20cm przetłoczona 40x33
<option value="software">podmurówka 25cm przetloczona 40x39
<option value="plik1">Podmurówka lana 15x30

</select><br>
</span></td>
<td style="text-align: right;"><span style="font-size: 8pt; font-family: tahoma,arial,helvetica,sans-serif;"></span></td>
<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 8pt;">17,00 </span><br /></td>
<p></p>

</div>
<tr>


<td bgcolor="#eeeeee"><span class="normalText">Z montażem</span></td>


<td bgcolor="#eeeeee" align="right"><input type="checkbox" name="item4" size="15"></td><p></p>

</div>
<tr>


<td bgcolor="#eeeeee"><span class="normalText">Fundament</span></td>


<td bgcolor="#eeeeee" align="right"><input type="checkbox" name="item4" size="15"></td><p></p>


</tr>

<tr>
<th style="text-align: right;" colspan="4"><span style="font-size: 10pt; font-family: tahoma,arial,helvetica,sans-serif; color: #6c9107;">Razem</span></th> <th id="summary" style="text-align: right;"> <br /> </th>
</tr>
<tr>