var graticule = d3.geo.graticule();

var tooltip = d3.select("#chart").append("div").attr("class", "tooltip hidden");

setup(width, height);

function setup(width, height) {

	projection = d3.geo.mercator()

		.translate([(width / 2), (height / 2)])

		.scale(width / 2 / Math.PI)

	path = d3.geo.path().projection(projection);

	svg = d3.select("#chart").append("svg")

		.attr("width", width)

		.attr("height", height)

		.call(zoom)

		.append("g");

	g = svg.append("g")

		.on("click", click);

}

d3.json("/static/data/world-topo-min.json", function(error, world) {

	var countries = topojson.feature(world, world.objects.countries).features;

	topo = countries;

	draw(topo);

});

function draw(topo) {

	svg.append("path")

		.datum(graticule)

		.attr("class", "graticule")

		.attr("d", path);

	g.append("path")

		.datum({type: "LineString", coordinates: [[-180, 0], [-90, 0], [0, 0], [90, 0], [180, 0]]})

		.attr("class", "equator")

		.attr("d", path);

	var country = g.selectAll(".country").data(topo);

	d3.json("/data/worldmap", function(err, data) {

		var colorscale = d3.scale.threshold().domain(d3.range(1, data.max+1)).range([

		])

		country.enter().insert("path")

			.attr("class", "country")

			.attr("d", path)

			.attr("id", function(d, i) { return d.id; })

			.style("fill", function(d, i) { 

				if (d.properties.name in data) {

					return colorscale(data[d.properties.name]['total']);

				} else {

					return "#fdf6e3";

				}

			});

		var tooltip = d3.select('#chart').append('div')

			.attr('class', 'tooltip')

		country.on("mousemove", function(d, i) {

			var mouse = d3.mouse(svg.node()).map(function(d) { return parseInt(d); });

			tooltip.classed("hidden", false)

				.attr("style", "left:"+(mouse[0]+40)+"px;top:"+mouse[1]+"px")

				.html(function() {

					if (d.properties.name in data) {

						var text = d.properties.name + "<br>Total servers: " + data[d.properties.name]['total']

						if ('bridge' in data[d.properties.name]) {

							text = text + "<br>Bridge servers: " + data[d.properties.name]['bridge']

						}

						if ('exit' in data[d.properties.name]) {

							text = text + "<br>Exit servers: " + data[d.properties.name]['exit']

						}

						if ('relay' in data[d.properties.name]) {

							text = text + "<br>Relay server: " + data[d.properties.name]['relay']

						}

						return text

					} else {

						return d.properties.name

					}

				})

		})

		.on("mouseout", function(d, i) {

			tooltip.classed("hidden", true);

		});

	});

};