var total = 0;

$j('.view-instr').click(function(){
	$j('.tg-pg').each(function(){$j(this).addClass('non-active');})
	$j('#instructions').removeClass('non-active');
});

$j('.view-rect').click(function(){
	$j('.tg-pg').each(function(){$j(this).addClass('non-active');})
	$j('#rectangle').removeClass('non-active');
});

$j('.view-circ').click(function(){
	$j('.tg-pg').each(function(){$j(this).addClass('non-active');})
	$j('#circle').removeClass('non-active');
});

$j('.view-tri').click(function(){
	$j('.tg-pg').each(function(){$j(this).addClass('non-active');})
	$j('#triangle').removeClass('non-active');
});


$j('#rect-calculate').click(function(){
	var width = parseFloat($j('#rect-length').val());
	var height = parseFloat($j('#rect-width').val());
	var area = Math.round(width * height);
	$j('#rect-result').html("Area Total is " + area + " sq. ft.");
	$j('#add-amt').val(area);
});

$j('#circ-calculate').click(function(){
	var radius = parseFloat($j('#circ-radius').val());
	var area = Math.round(Math.PI * Math.pow(radius, 2));
	$j('#circ-result').html("Area Total is " + area + " sq. ft.");
	$j('#add-amt').val(area);
});

$j('#tri-calculate').click(function(){
	var width = parseFloat($j('#tri-length').val());
	var height = parseFloat($j('#tri-width').val());
	var area = Math.round((width * height)/2);
	$j('#tri-result').html("Area Total is " + area + " sq. ft.");
	$j('#add-amt').val(area);
});

$j('#add-btn').click(function(){
	var amt = parseInt($j('#add-amt').val());
	if (!isNaN(amt)){
		total = total + amt;
	}
	$j('#total').html(total + " sq. ft. total");
});

$j('#clear-total').click(function(){
	total = 0;
	$j('#total').html(total + " sq. ft. total");
	$j('#add-amt').val(total);
});