$(document).ready(function() { 
	// Initially hide elements
	$("*[id^=body]").hide();
	$("#skinfold-measurements").hide();
	// Show elements upon gender selection
	$("input[name='age']").keyup(function() {
		if ($("input[@name='sex']:checked").val() == 'male') {
			$("#body-chest").show();
			$("#body-abdomen").show();
			$("#body-suprailium").hide();
			$("#body-triceps").hide();
		}
	    else if ($("input[@name='sex']:checked").val() == 'female') {
	    	$("#body-triceps").show();
			$("#body-suprailium").show();
			$("#body-chest").hide();
			$("#body-abdomen").hide();
		}
		$("#skinfold-measurements").fadeIn("slow");			
	});
	
	//iterate through each textboxes and add keyup
	//handler to trigger sum event
	$("input[name^=sum]").each(function() {
		$(this).keyup(function(){
			calculateSum();
		});
	});
	
	// On submit
	$("#calculator").submit(function(){
		var sexval = $("input[@name='sex']:checked").val();
		var ageval = $("#age").val();
		var skinfoldsval = $("#skinfolds").val();
		$.post("/scripts/fat-calculator/fat-calculator.php", { sex: sexval, age: ageval, skinfolds: skinfoldsval },
		function(data) {
			$("#result span").html(data);
		});
		return false;
	});
			
});

function calculateSum() {
		var sum = 0;
		//iterate through each textboxes and add the values
		$("input[name^=sum]").each(function() {
			//add only if the value is number
			if(!isNaN(this.value) && this.value.length!=0) {
				sum += parseFloat(this.value);
			}

		});
		$("#skinfolds").val(sum);
}