// Generated by CoffeeScript 1.10.0
(function() {
  var new_hex;

  window.main = function() {
    var c, code, colorify, constituencies, county, d, data, dx, dy, height, hexes, i, idx, len, path_generator, radius, svg, vis, width;
    width = 960;
    height = 900;
    svg = d3.select('body').append('svg').attr('width', width).attr('height', height);
    vis = svg.append('g').attr('transform', 'translate(400,300)');
    constituencies = {
      KEE: [[6, -10, 4]],
      TPE: [[5, -9, 4], [4, -8, 4], [5, -8, 3], [6, -9, 3], [4, -7, 3], [5, -7, 2], [6, -8, 2], [6, -7, 1]],
      TPQ: [[3, -6, 3], [4, -6, 2], [3, -5, 2], [3, -4, 1], [2, -4, 2], [5, -5, 0], [5, -6, 1], [6, -6, 0], [7, -7, 0], [4, -5, 1], [7, -8, 1], [7, -9, 2]],
      TAO: [[3, -3, 0], [2, -3, 1], [4, -4, 0], [5, -4, -1], [6, -5, -1], [6, -4, -2]],
      HSZ: [[3, -2, -1]],
      HSQ: [[2, -2, 0]],
      MIA: [[2, -1, -1], [3, -1, -2]],
      TXG: [[2, 0, -2], [3, 0, -3], [4, -1, -3], [5, -2, -3], [4, -2, -2], [5, -3, -2], [4, -3, -1], [6, -3, -3]],
      ILA: [[7, -6, -1]],
      HUA: [[7, -5, -2]],
      NAN: [[7, -4, -3], [7, -3, -4]],
      CHA: [[2, 1, -3], [3, 1, -4], [4, 0, -4], [5, -1, -4]],
      YUN: [[2, 2, -4], [3, 2, -5]],
      CYI: [[2, 3, -5]],
      CYQ: [[3, 3, -6], [4, 2, -6]],
      TNN: [[4, 1, -5], [5, 0, -5], [5, 1, -6], [5, 2, -7], [4, 3, -7]],
      KHH: [[6, -2, -4], [6, -1, -5], [6, 0, -6], [7, -2, -5], [5, 3, -8], [6, 2, -8], [6, 1, -7], [7, 0, -7], [7, -1, -6]],
      TTT: [[7, 1, -8]],
      LJF: [[-2, -2, 4]],
      JME: [[-1, -1, 2]],
      PIF: [[7, 2, -9], [6, 3, -9], [7, 3, -10]],
      PEN: [[0, 0, 0]],
      ABL: [[10, -1, -9], [10, -0, -10], [11, -1, -10]],
      ABH: [[10, -3, -7], [11, -4, -7], [11, -3, -8]]
    };
    data = [];
    for (code in constituencies) {
      county = constituencies[code];
      for (idx = i = 0, len = county.length; i < len; idx = ++i) {
        c = county[idx];
        data.push({
          x: c[0],
          y: c[1],
          z: c[2],
          type: code,
          c: idx + 1
        });

        /* create the GeoJSON */
      }
    }
    console.log(data);
    hexes = {
      type: 'FeatureCollection',
      features: (function() {
        var j, len1, results;
        results = [];
        for (j = 0, len1 = data.length; j < len1; j++) {
          d = data[j];
          results.push(new_hex(d));
        }
        return results;
      })()
    };

    /* define a color scale */
    colorify = d3.scale.category10().domain(Object.keys(constituencies));

    /* custom projection to make hexagons appear regular (y axis is also flipped) */
    radius = 25;
    dx = radius * 2 * Math.sin(Math.PI / 3);
    dy = radius * 1.5;
    path_generator = d3.geo.path().projection(d3.geo.transform({
      point: function(x, y) {
        return this.stream.point(x * dx / 2, -(y - (2 - (y & 1)) / 3) * dy / 2);
      }
    }));

    /* draw the result */
    vis.selectAll('.hex').data(hexes.features).enter().append('path').attr('class', 'hex').style('fill', function(d) {
      return colorify(d.properties.type);
    }).attr('d', path_generator);
    vis.selectAll('.label').data(hexes.features).enter().append('text').text(function(d) {
      return d.properties.c;
    }).attr('class', 'label').attr('transform', function(d) {
      return "translate(" + (path_generator.centroid(d)) + ")";
    }).attr('text-anchor', 'middle');

    /* draw the origin */
    return vis.append('circle').attr('cx', 0).attr('cy', 0).attr('r', 4);
  };


  /* create a new hexagon */

  new_hex = function(d) {

    /* conversion from hex coordinates to rect */
    var x, y;
    x = 2 * (d.x + d.z / 2.0);
    y = 2 * d.z;
    return {
      type: 'Feature',
      geometry: {
        type: 'Polygon',
        coordinates: [[[x, y + 2], [x + 1, y + 1], [x + 1, y], [x, y - 1], [x - 1, y], [x - 1, y + 1], [x, y + 2]]]
      },
      properties: {
        type: d.type,
        c: d.c
      }
    };
  };

}).call(this);