var panel = {

	bandwidth_cost: 0.0,
	quota_cost: 0.0,

	bandwidth: 0.0,
	quota: 0.0,

	modify_hosting: function(bandwidth, quota, bandwidth_cost, quota_cost)
	{
		panel.bandwidth_cost = parseFloat(bandwidth_cost),
		panel.quota_cost = parseFloat(quota_cost),
		panel.bandwidth = parseInt(bandwidth);
		panel.quota = parseInt(quota);

		$('#vquota').val(panel.quota);
		$('#vbandwidth').val(panel.bandwidth);

		$('#quota').slider({
			value: panel.quota,
			min: panel.quota,
			max: 50,
			step: 1,
			slide: function(e, ui) {
				$('#vquota').val(ui.value);
				panel.modify_hosting_cost();
			}
		});
		$('#bandwidth').slider({
			value: panel.bandwidth,
			min: panel.bandwidth,
			max: 300,
			step: 1,
			slide: function(e, ui) {
				$('#vbandwidth').val(ui.value);
				panel.modify_hosting_cost();
			}
		});

		$('#modify').css("display", "block");
	},

	modify_hosting_cost: function()
	{
		var cost = panel.bandwidth_cost * (parseFloat($('#vbandwidth').val()) - panel.bandwidth)
		+ panel.quota_cost * (parseFloat($('#vquota').val()) - panel.quota);
		var brutto = cost + cost * 0.23;

		var html = brutto.toPrecision(4) + ' zł <span class="price_brutto">(' + cost.toPrecision(4) + " zł + 23% VAT)</span>";
		$('#total_cost').html(html);
	},

	modify_hosting_submit: function()
	{
		$('#modify_hosting').submit();
	}
};