$(document).ready(function(){
	
	var mouths = 4;	  	// people in the household
	var budget = 200; 	// weekly grocery budget in dollars
	var eatout = 9;  	// average cost per person eating out in dollars
	var outnts = 2;		// number of nights per week eating out
	var preptm = 30;  	// time spent preparing dinner, in minutes
	var wkdays = 5;	  	// days in the work week
	var permin = 0.25;	// per minute hourly rate
	var servng = 5.58;  // per serving price
	
	function writeVal() {
		// var s = (((budget/7)*wkdays) + (eatout*1.5)) - ((servingPrice(mouths*wkdays)*(mouths*wkdays))) + (preptm*wkdays*permin);
		// s = s/wkdays;
		
		var sout = (mouths*eatout) - (mouths*servng);
		var sin  = ((budget/7)+(preptm*permin))-(servng*mouths);
		
		if (sout > 0) {
			$("#oout").empty().append("<span>You'll save <strong>$<span id=\"sout\"></span></strong> every weekday");
			$("#sout").html(sout.toFixed(2));
		} else {
			$("#oout").empty().append("Whoa, you're good!");
		}
		
		if (sin > 0) {
			$("#oin").empty().append("You'll save <strong>$<span id=\"sin\"></span></strong> every weekday<br/>And reclaim <strong><span class=\"minutes\"></span></strong> minutes!");
			$("#sin").html(sin.toFixed(2));
			$(".minutes").html(preptm);
		} else {
			$("#oin").empty().append("Whoa, you're good!");
		}

	}
	
	writeVal();
	
	$("#mouths").slider({
			value:4,
			min: 2,
			max: 6,
			step: 1,
			slide: function(event, ui) {
				mouths = ui.value;
				$("#mouthslabel").html(ui.value);
				writeVal();
			}
	});
	
	$("#budget").slider({
			value:200,
			min: 50,
			max: 350,
			step: 10,
			slide: function(event, ui) {
				budget = ui.value;
				$("#budgetlabel").html("$" + ui.value);
				writeVal();
			}
	});
	
	$("#outnights").slider({
			value:2,
			min: 1,
			max: 7,
			step: 1,
			slide: function(event, ui) {
				outnts = ui.value;
				$("#outnightslabel").html(ui.value);
				writeVal();
			}
	});
	
	$("#eatout").slider({
			value:9,
			min: 0,
			max: 30,
			step: 1,
			slide: function(event, ui) {
				eatout = ui.value;
				$("#eatoutlabel").html("$" + ui.value);
				writeVal();
			}
	});
	
	$("#preptm").slider({
			value:30,
			min: 0,
			max: 60,
			step: 5,
			slide: function(event, ui) {
				preptm = ui.value;
				$("#timelabel").html(ui.value + " minutes");
				writeVal();
			}
	});
	
	
});