var calc_result_var, calc_w, calc_h, calc_d, calc_r;
var calc_type_var = 1;


// как вариант innerHTML
function EditHtml(name, html){
	if (document.all){ document.getElementById(name).innerText = html; }else{ document.getElementById(name).textContent = html; }
}

function NumInput(n){
	n.value = n.value.replace(/[.]{2,}/g, '.');
	n.value = n.value.replace(/[,]{2,}/g, ',');
	n.value = n.value.replace(/[^0-9\.,]/g, '');
	CalcDo();
}




function CalcChangeType(type){
	calc_type_var = type;
	if (calc_type_var == 1){ 
		document.getElementById('calc2img').className = 'calcoff';
		document.getElementById('calc3img').className = 'calcoff';
		document.getElementById('calc1img').className = 'calcon';
		document.getElementById('calc_d_div').style.display = 'none';
		document.getElementById('calc_r_div').style.display = 'none';
		document.getElementById('calc_w_div').style.display = 'block';
		document.getElementById('calc_h_div').style.display = 'block';
	}
	if (calc_type_var == 2){
		document.getElementById('calc2img').className = 'calcon';
		document.getElementById('calc1img').className = 'calcoff';
		document.getElementById('calc3img').className = 'calcoff';
		document.getElementById('calc_d_div').style.display = 'block';
		document.getElementById('calc_r_div').style.display = 'none';
		document.getElementById('calc_w_div').style.display = 'block';
		document.getElementById('calc_h_div').style.display = 'block';
	}
	if (calc_type_var == 3){
		document.getElementById('calc3img').className = 'calcon';
		document.getElementById('calc2img').className = 'calcoff';
		document.getElementById('calc1img').className = 'calcoff';
		document.getElementById('calc_d_div').style.display = 'block';
		document.getElementById('calc_r_div').style.display = 'block';
		document.getElementById('calc_w_div').style.display = 'none';
		document.getElementById('calc_h_div').style.display = 'none';
	}
	document.getElementById('calc_type').value = calc_type_var; // need only for POST, not ajax
	CalcDo();
}

function CalcDo(){
	calc_w = Math.ceil(document.getElementById('calc_w').value.replace(/[,]/g, '.'));
	calc_h = Math.ceil(document.getElementById('calc_h').value.replace(/[,]/g, '.'));
	calc_d = Math.ceil(document.getElementById('calc_d').value.replace(/[,]/g, '.'));
	calc_r = document.getElementById('calc_r').value.replace(/[,]/g, '.');
	if (calc_type_var == 1){
		calc_result_var = calc_w * calc_h * calc_mats[document.getElementById('calc_mat').value];
	}
	if (calc_type_var == 2){
		calc_result_var = (
		(calc_w * calc_d * 2) +
		(calc_h * calc_d * 2) +
		(calc_w * calc_h * 1))
		* calc_mats[document.getElementById('calc_mat').value];
		if (calc_w == 0 || calc_d == 0 || calc_h == 0) calc_result_var = 0;
	}
	if (calc_type_var == 3){
		calc_result_var = Math.ceil(Math.PI * calc_r) * calc_d * calc_mats[document.getElementById('calc_mat').value] * 1.5;
	}
	CalcShow();
}

function CalcShow(){
	if (calc_result_var > 0){
		document.getElementById('calc_cart_div').style.display = 'block';
	}else{
		document.getElementById('calc_cart_div').style.display = 'none';
		calc_result_var = 0;
	}
	EditHtml('calc_result', calc_result_var);
}

CalcDo();