function setButtons(resource) {
  var addButton = $("span#"+resource+" > input[value='+']");
  var subButton = $("span#"+resource+" > input[value='-']");
  var value = $("span#"+resource+" .value");
  var val = parseInt($("span#"+resource+" .value").html());
  var boardID = $("#board").html();
  var url = "/board/"+boardID+"/"+resource+"/set/"
  addButton.click(function() {
    val += 1;
    value.fadeOut("fast");
    value.load(url+(val)+"/", value.fadeIn("fast"));
  });
  subButton.click(function() {
    val -= 1;
    value.fadeOut("fast");
    value.load(url+(val)+"/", value.fadeIn("fast"));
  });
  //TODO: Queue set requests
}

function dieButton() {
  var button = $("span#die > input[value='Roll']");
  var value = $("span#die .value");
  var boardID = $("#board").html();
  var url = "/board/"+boardID+"/"
  button.click(function() {
    value.fadeOut("fast")
    value.load(url+"roll_die/", value.fadeIn("fast"));
  });
}

function reloadLog() {
  var logdiv = $("div#log");
  var log = $("div#log > ul");
  log.fadeOut("fast")
  logdiv.load("log/", log.fadeIn("fast"));
}

$(document).ready(function() {
  setButtons("fuel");
  setButtons("food");
  setButtons("morale");
  setButtons("population");
  dieButton();
  reloadLog();
  setInterval(reloadLog, 10000);
});