function calculateTotalSurface() {
	var floor_surface = $('#floor_surface').val();
	var ceiling_height = $('#ceiling_height').val();
	
	if(floor_surface != '' && ceiling_height != '') {
		surface = Math.sqrt(floor_surface) * (ceiling_height/100) * 4;
		if ($("#ceiling").is(":checked")) { 
			surface = Number(surface) + Number(floor_surface);
		}
		
		$('#surface').val(Math.round(surface*100)/100);
	}
}

$(document).ready(function(){ 
	$('#floor_surface_div').hide();
	
	// Sliding
	$('#unknown-surface').click(function() {
		$('#floor_surface_div').slideToggle(400);
		return false;
	});	
	
	// Zjisteni prumerne vydatnosti na zaklade ID produktu
	// a naplneni textboxu touto hodnotou
	$("#paint").change(function() {
		var productId = $("#paint option:selected").val();
		$.get('/consumption_actions.php?w=spreading_rate&product=' + productId, {},
				function(data) {
					$('#spreading_rate').val(data);
				}      
		);		
	});   
	
	// Výpočet malované plochy na základě podlahové plochy a výšky stropu
	$('#floor_surface').keyup(function(){
		calculateTotalSurface();
	});
	
	$('#ceiling_height').keyup(function(){
		calculateTotalSurface();
	});
	
	$('#ceiling').click(function(){
		calculateTotalSurface();
	});
	
	$("#calculate").click(function() {
		// Malovaná plocha
		if($("#surface").val() != '' && $("#spreading_rate").val() != '' && $("#ratio").val() != '') {
			// Množství barvy v kg
			var MB = Math.round(($("#surface").val() / $("#spreading_rate").val()) * 100) / 100;
			// Množství tónovací barvy
			
			// Poměr
			var selected = $("#t_paint option:selected").val();
			if(selected == '20' || selected == '4') {
				// HET COLOR a KLASIK COLOR
				var ratio = $("#ratio").val().split(":");
				
				var TB = Math.round((MB / (Number(ratio[0]) + Number(ratio[1]))) * 100) / 100;
				// Množství bílé barvy
				var BB = Math.round((MB - TB)*100)/100;				
			} else if(selected == '21') {
				// KOLORKA
				var ratio = $("#ratio").val().split("/");
				var amountPerKg = ratio[0].replace(/g/i, '');
				
				var TB = Math.round((MB * amountPerKg) / 10) / 100;
				var BB = MB;
			}
			
			var resultContent = '<strong>Celkové množství barvy pro nátěr v jedné vrstvě</strong>: '+MB+' kg'+'<br />'+
								' - z toho tónovací barvy: '+TB+' kg'+'<br />'+
								' - z toho bílé barvy: '+BB+' kg'+'<br /><br />'+
								'<strong>Upozornění:</strong> Vizualizace odstínů a výpočet je pouze orientační. Kalkulátor počítá s průměrnou vydatností zvoleného výrobku v jedné vrstvě. Doporučuje se aplikace min. ve dvou vrstvách.';
			$('#consumptionResults').html(resultContent);
			// alert('Barvy: '+MB+' kg ; Ton. barvy: '+TB+' kg ; Bile barvy: '+BB+' kg.');
		} else {
			alert('Pro výpočet spotřeby tónovací barvy musíte zadat všechny potřebné data.');
			return;
		}
	});
	
	// ZMĚNA TÓNOVACÍ BARVY
	$("#t_paint").change(function() {
		var selected = $("#t_paint option:selected").val();
		// Skrytí všech
		$("#pattern-table_HETCOLOR").css({"display": "none"});
		$("#pattern-table_KOLORKA").css({"display": "none"});
		$("#pattern-table_KLASIK").css({"display": "none"});		
		// Zobrazení vybraného
		if(selected == '20') {
			$("#pattern-table_HETCOLOR").css({"display": "block"});
		} else if(selected == '21') {
			$("#pattern-table_KOLORKA").css({"display": "block"});
		} else if(selected == '4') {
			$("#pattern-table_KLASIK").css({"display": "block"});			
		}
		// Ostatní
		$("#selected-color").attr("style", "");
		$("#ratio").val("");
	});
	
	// Kliknutí na barvu ve vzorníku HETCOLOR
	$("#pattern-table_HETCOLOR td").click(function() {
		var ratio = $(this).attr("class");
		var style = $(this).attr("style");
		$("#selected-color").attr("style", style);
		$("#ratio").val('1:'+ratio);
	});
	
	// Kliknutí na barvu ve vzorníku KOLORKA
	$("#pattern-table_KOLORKA td").click(function() {
		var weight = $(this).attr("class");
		var style = $(this).attr("style");
		$("#selected-color").attr("style", style);
		$("#ratio").val(weight+'g/kg'); 
	});	
	
	// Kliknutí na barvu ve vzorníku KLASIK COLOR
	$("#pattern-table_KLASIK td").click(function() {
		var ratio = $(this).attr("class");
		var style = $(this).attr("style");
		$("#selected-color").attr("style", style);
		$("#ratio").val('1:'+ratio);
	});		
	
});