var regEx = /(\w+)\/(\w+)/

toggleOnClick = function(d, element) {
  if (d.url)
    window.open(d.url, target = "_blank")
  else
    d3.select(element).classed("chosen", !d3.select(element).classed("chosen"));
}

// Feel free to change or delete any of the code you see!
d3.select(".viz").append("div").classed("bingoBoard", true).selectAll(".bingoRow")
  .data(bingoBlocks)
  .enter()
  .append("div")
  .attr("class", function(d, i) {
    if (i == 0) {
      return "bingoRow topRow"
    } else {
      return "bingoRow"
    }
  })
  .selectAll("bingoChips")
  .data(function(row) {
    return row
  })
  .enter()
  .append("div")
  .attr("class", function(d, i) {
    var classes = "bingoChips"
    if (d.url != "") {
      classes += " chosen url"
    }
    if (d.free) {
      classes += " free"
    }
    if (i == 4) {
      classes += " lastColumn"
    }
    return classes
  })
  .classed("chosen", function(d) {
    if (d.url != "")
      return true
  })
  .on("click", function(d) {
    toggleOnClick(d, this)
  })
  .text(function(d) {
    return d.goal
  })