// Generated by CoffeeScript 1.10.0
(function() {
  var CONTINENTS, color, contents, graticule, height, lod, path, projection, svg, width, zoom, zoomable_layer;

  svg = d3.select('svg');

  width = svg.node().getBoundingClientRect().width;

  height = svg.node().getBoundingClientRect().height;

  CONTINENTS = ['North America', 'Africa', 'South America', 'Asia', 'Europe', 'Oceania', 'Seven seas (open ocean)', 'Antarctica'];

  zoomable_layer = svg.append('g');

  zoom = d3.zoom().scaleExtent([-Infinity, Infinity]).on('zoom', function() {
    zoomable_layer.attrs({
      transform: d3.event.transform
    });
    zoomable_layer.selectAll('.label > text').attrs({
      transform: "scale(" + (1 / d3.event.transform.k) + ")"
    });
    return lod(d3.event.transform.k);
  });

  svg.call(zoom);

  projection = d3.geoWinkel3().rotate([0, 0]).center([0, 0]).scale((width - 3) / (2 * Math.PI)).translate([width / 2, height / 2]);

  path = d3.geoPath(projection);

  graticule = d3.geoGraticule();

  color = d3.scaleOrdinal(d3.schemeCategory10).domain(CONTINENTS);

  zoomable_layer.append('path').datum(graticule.outline()).attrs({
    "class": 'sphere_fill',
    d: path
  });

  contents = zoomable_layer.append('g');

  zoomable_layer.append('path').datum(graticule).attrs({
    "class": 'graticule',
    d: path
  });

  zoomable_layer.append('path').datum(graticule.outline()).attrs({
    "class": 'sphere_stroke',
    d: path
  });

  d3.json('ne_50m_admin_0_countries.topo.json', function(geo_data) {
    var continents, continents_data, en_continents, en_labels, labels, labels_data;
    continents_data = CONTINENTS.map(function(d) {
      var geometry;
      geometry = topojson.merge(geo_data, geo_data.objects.countries.geometries.filter(function(c) {
        return c.properties.continent === d;
      }));
      return {
        geometry: geometry,
        centroid: projection(d3.geoCentroid(geometry)),
        id: d
      };
    });
    labels_data = [];
    continents_data.forEach(function(d) {
      if (d.geometry.type === 'Polygon') {
        return labels_data.push(d);
      } else if (d.geometry.type === 'MultiPolygon') {
        return d.geometry.coordinates.forEach(function(p) {
          return labels_data.push({
            geometry: {
              coordinates: p,
              properties: d.properties,
              type: 'Polygon'
            },
            id: d.id
          });
        });
      }
    });
    labels_data.forEach(function(d) {
      return d.area = d3.geoArea(d.geometry);
    });
    continents = contents.selectAll('.continent').data(continents_data);
    en_continents = continents.enter().append('path').attrs({
      "class": 'continent',
      d: function(d) {
        return path(d.geometry);
      },
      fill: function(d) {
        return color(d.id);
      }
    });
    en_continents.append('title').text(function(d) {
      return d.id;
    });
    labels = contents.selectAll('.label').data(labels_data);
    en_labels = labels.enter().append('g').attrs({
      "class": 'label',
      transform: function(d) {
        var ref, x, y;
        ref = projection(d3.geoCentroid(d.geometry)), x = ref[0], y = ref[1];
        return "translate(" + x + "," + y + ")";
      }
    });
    en_labels.append('text').text(function(d) {
      return d.id;
    });
    return lod(1);
  });

  lod = function(z) {
    return zoomable_layer.selectAll('.label').classed('hidden', function(d) {
      return d.area < Math.pow(0.2 / z, 2);
    });
  };

}).call(this);