<form action="" method="POST" name="registration" id="registration">
<table width="588" border="0" cellspacing="0" cellpadding="3" style="display:table-cell;width:588px;">
<tr><td width="60%">Игра:</td><td width="40%">
<select class="input_zakaz" style="width:300px" name="game" id="game" onchange="rechecksum()">
<option value="css">Counter-Strike: Source v34</option><option value="cs">Counter-Strike 1.6</option>
</select>
</td></tr>
<tr><td width="60%" id="tariff_tr">Локация:</td><td width="40%">
<select class="input_zakaz" style="width:300px" name="location" id="game">
<option value="20">Германия</option>
</select>
</tr></tr>
<tr><td width="60%" id="tariff_tr">Тариф:</td><td width="40%">
<select class="input_zakaz" style="width:300px" name="tariff" id="tariff" onchange="rechecksum();"></select>
</td></tr>
<tr><td width="60%">Слоты:<div id="tariff_price" style="float:right;display:inline;"></div></td><td width="40%">
<select style="width:300px" name="slots" id="slots" onchange="rechecksum()"></select>
</td></tr>
<tr><td width="60%">Срок аренды:</td><td width="40%">
<select style="width:300px" name="time" id="time" onchange="rechecksum()">
<option value="30">1 месяц</option><option value="60">2 месяца</option><option value="90">3 месяца</option><option value="180">6 месяцев</option><option value="360">1 год</option>
</select>
</td></tr>
<tr><td width="60%"></td><td width="40%" align="right"><span style="font-size:18px;font-weight:bold;" id="price">Итого: 250 руб.</span></td></tr>
</table>
</form>
<script type="text/javascript">
function addoption (oListbox, text, value, isDefaultSelected, isSelected) {
var oOption = document.createElement("option");
oOption.appendChild(document.createTextNode(text));
oOption.setAttribute("value", value);
if (isDefaultSelected) oOption.defaultSelected = true;
else if (isSelected) oOption.selected = true;
oListbox.appendChild(oOption);
}
function rechecksum(){
var time = eval($('#time').val());
var slots = $('#slots').val();
var tariff = $('#tariff').val();
var game = $('#game').val();
var multiplier = 1;
old_tariff = $("#tariff_price").html();
switch(game){
case 'css':
$('#tariff').css({display:'block'});
var tarifs = document.getElementById("tariff");
addoption(tarifs, 'test', 30, false);
tariff = 25;
slot = '';
var slot = document.getElementById("slots");
for(var i=10; i <= 25; i++) addoption(slot, i, i, false, false);
break;
case 'cs':
var game_case = 'cs';
$('#tariff').css({display:'block'});
var tarifs = document.getElementById("tariff");
addoption(tarifs, '1 (FPS 1000)', 35, false);
addoption(tarifs, '2 (500 FPS)', 25, false);
addoption(tarifs, '3 (250 FPS)', 20, false);
tariff = 25;
slot = '';
var slot = document.getElementById("slots");
for(var i=10; i <= 32; i++) addoption(slot, i, i, false, false);
break;
}
switch(time){
case 3:
break;
case 6:
break;
case 15:
break;
case 30:
break;
case 90:
multiplier = 0.95;
break;
case 180:
multiplier = 0.9;
break;
case 360:
multiplier = 0.85;
break;
}
price = Math.round(time*slots*tariff*multiplier/30);
old_price = $('#price').html().split(" ");
old_price = old_price[1];
diff = price - old_price;
setTimeout("update_price()", 0);
}
function update_price(){
if(diff != 0){
if(diff > 0){
diff--;
old_price++;
} else {
diff++;
old_price--;
}
}
$('#price').html("Итого: "+old_price+" руб.");
if(old_price != price){
setTimeout("update_price()", 1);
}
}
</script>