$(document).ready(function() {
	$('.errors').hide();
	$('.results').hide();
	$('.radio input').live('click',function(){
		if($(this).attr('checked')){
			setUnits($(this).attr('value'));
		}
	})
	$('.submit input').click(function(){
		$('.radio input').each(function(){
			if($(this).attr('checked')){
				calc($(this).attr('value'));
			}
		})
		return false;
	})
	$('.input input').live('change', function(){
		$('.radio input').each(function(){
			if($(this).attr('checked')){
				calc($(this).attr('value'));
			}
		})
	})
	$('#CalculatorUnitsStandard').attr('checked', 'checked');
});

function setUnits(units){
	if(units == "Metric"){
		$('.units.little').html('milliliters');
		$('.units.big').html('liters');
	}
	else{
		$('.units.little').html('ounces');
		$('.units.big').html('gallons');
	}
	calc(units);
}


function calc(units){
	if($('#CalculatorTankSize').attr('value').match(/((\b[0-9]+)?\.)?[0-9]+\b/) && $('#CalculatorMixturePercentage').attr('value').match(/((\b[0-9]+)?\.)?[0-9]+\b/)){
		$('.errors').hide();
		$('.results').show();
		if(units == "Metric"){
	
				val = ($('#CalculatorTankSize').attr('value')*1000)*($('#CalculatorMixturePercentage').attr('value')*0.01);
				$('.concentrate .little.value').html(val.toFixed(2));
				val = $('.concentrate .little.value').html()/1000;
				$('.concentrate .big.value').html(val.toFixed(2));
				val = ($('#CalculatorTankSize').attr('value')*1000) - $('.concentrate .little.value').html();
				$('.water .little.value').html(val.toFixed(2));
				val = $('.water .little.value').html()/1000;
				$('.water .big.value').html(val.toFixed(2));
		}
		else{
			if($('#CalculatorTankSize').attr('value') != '' && $('#CalculatorMixturePercentage').attr('value') != ''){
				val = ($('#CalculatorTankSize').attr('value')*128)*($('#CalculatorMixturePercentage').attr('value')*0.01);
				$('.concentrate .little.value').html(val.toFixed(2));
				val = $('.concentrate .little.value').html()/128;
				$('.concentrate .big.value').html(val.toFixed(2));
				val = (($('#CalculatorTankSize').attr('value')*128).toFixed(2) - $('.concentrate .little.value').html());
				$('.water .little.value').html(val.toFixed(2));
				val = $('.water .little.value').html()/128;
				$('.water .big.value').html(val.toFixed(2))
			}
		}
	}
	else{
		$('.errors').show();
		$('.results').hide();
	}
}