var colorRange= ['#ffffcc','#ffeda0','#fed976','#feb24c','#fd8d3c','#fc4e2a','#e31a1c','#bd0026','#800026'],
	populationData = 'z_Bevolking_grootte_2014_edited.csv',
	mapsource = "z_wgs84_edited.json";

var color = d3.scale.quantize()
                .range(colorRange);

function setColorDomain(data) {
    color.domain([
        d3.min(data, function(d) { return +d.properties.bevolking2014; }),
        d3.max(data, function(d) { return +d.properties.bevolking2014; })
    ]);
}

var Tooltip = {
	numFormat: d3.format("s"),

	set: function(d) {
		var num = Tooltip.numFormat(+d.properties.bevolking2014);

		if(num === '0'){
			num = 'onbekend';
		}

		Tooltip.updateContent(d.properties.GM_NAAM, num);
		Tooltip.show();
	},

	updateContent: function(title, content) {
		var html = '<div class="tooltip-label">' + title + '</div>';
		html += '<div class="tooltip-content">population 2014: <span class="tooltip-num">' + content + '</span></div>';
		
		d3.select("#tooltip").html(html);
	},

	updatePosition: function() {
		//Get this bar's x/y values, then augment for the tooltip
		var xPosition = (d3.event.pageX),
			yPosition = (d3.event.pageY - 28);

		var clientRect = d3.select("#tooltip").node().getBoundingClientRect();


		d3.select("#tooltip")
		  .style("left", (xPosition - clientRect.width / 2) + "px")
		  .style("top", yPosition - clientRect.height + "px");
	
	}, 

	show: function() {
		Tooltip.updatePosition();
		d3.select("#tooltip").classed("hidden", false);
	},

	hide: function() {
		d3.select("#tooltip").classed("hidden", true);
	}
};

function mergeData(data, dataset2, fn) {
	var dataset = data;
	for( var i = 0, l = dataset.length; i < l; i++) {
		var gemeenteCode = dataset[i].properties.GM_CODE.split("GM")[1]; //GM_CODE: "GM0003"
		for (var j = 0, jlen = dataset2.length; j < jlen; j++ ) {
			var compareKey = dataset2[j].code; //Gemcode: "0003"
			if (+gemeenteCode === +compareKey) {
				fn(dataset[i].properties, dataset2[j])
				break;
			}
		}
	}
	return dataset;			
}

function initCharts(data) {
	Map.init(data);
    Barchart.init(data);
}

function geodataLoaded (geo_data, populationdata) {
	var mergedData = mergeData(geo_data.features, populationdata, function(d, d2) {
		d.bevolking2014 = d2.aantal;
	});
	initCharts(mergedData)
}

function initGeodata(populationdata) {
	d3.json(mapsource, function(data) {
		Map.orig_geo_data = data;
		geodataLoaded(data, populationdata);
	})
}

function initPopulationData () {
	d3.csv(populationData, function(populationdata) {
		initGeodata(populationdata);
	})		
}

initPopulationData();