var map;
var draw_control;
var layers = {};
var recorded_obj;

/* Functionality of (re)naming a marker - if I understood how objects worked
 * in javascript, this should probably be one. :/
 */
function rename_marker(marker) {
	var label_text;
	if (marker.options.label_text === undefined)
		label_text = '';
	else
		label_text = marker.options.label_text;

	marker.options.label_text = prompt("Please enter name", label_text);
	marker.updateLabelContent(marker.options.label_text);
}

/* Functionality of moving a marker - if I understood how objects worked
 * in javascript, this should probably be one. :/
 */
var move_marker_orig_latlng;
var move_marker_marker;

function move_marker_mousemove(e) {
	move_marker_marker.setLatLng(e.latlng);
}

function move_marker_enable_events() {
	L.DomEvent.addListener(map._container, 'keyup', move_marker_keyup);
	map.on('mousemove', move_marker_mousemove)
	map.on('click', move_marker_commit);
	move_marker_marker.on('click', move_marker_commit);
}

function move_marker_disable_events() {
	L.DomEvent.removeListener(map._container, 'keyup', move_marker_keyup);
	map.off('mousemove', move_marker_mousemove);
	map.off('click', move_marker_commit);
	move_marker_marker.off('click', move_marker_commit);
}

function move_marker_commit(e) {
	move_marker_disable_events();
	/* notify about editing */
}

function move_marker_keyup(e) {
	if (e.keyCode === 27) {
		move_marker_marker.setLatLng(move_marker_orig_latlng);
		move_marker_disable_events();
	}
}

function move_marker(marker) {
	move_marker_marker = marker;
	move_marker_orig_latlng = marker.getLatLng();
	move_marker_enable_events();
}

/* other functionality */
var marker_labels_no_hide = false;
function marker_labels_calc_nohide(e) {
	marker_labels_no_hide = (map.getZoom() >= 3);
	$.each(layers, function(layer_name, layer_group) {
		var drawing_layer;

		drawing_layer = layer_group.getLayers()[1]
		$.each(drawing_layer.getLayers(), function(marker_index, marker) {
			marker.setLabelNoHide(marker_labels_no_hide);
		});
	});
}

$(function() {
	map = L.map('map', {
		center: new L.LatLng(70,-50),
		contextmenu: true,
		zoom: 2
	});

	map.on('zoomend', marker_labels_calc_nohide);

	draw_control = new L.Control.Draw({
	});
	map.addControl(draw_control);

	map.on('draw:created', function (e) {
		var created_object_type = e.layerType;
		var created_object = e.layer;

		if (created_object_type !== 'marker') {
			return;
		}

		created_object.bindLabel('', {
			noHide: marker_labels_no_hide
		});

		$.each(layers, function(layer_name, layer_object) {
			if (!map.hasLayer(layer_object))
				return true;

			created_object.options.contextmenu = true;
			created_object.options.contextmenuItems = [
				{
					text: 'Move',
					callback: function() {
						move_marker(created_object);
					}
				},
				{
					text: 'Rename',
					callback: function() {
						rename_marker(created_object);
					}
				}
			];
			$.each(layers, function(layer_name, layer_object) {
				created_object.options.contextmenuItems.push({
					text: 'Send to ' + layer_name,
					callback: function() {
						$.each(layers, function(key, value) {
							map.removeLayer(value);
							drawing_layer = value.getLayers()[1];
							if (drawing_layer.hasLayer(created_object))
								drawing_layer.removeLayer(created_object);
						});
						map.addLayer(layer_object);
						layer_object.getLayers()[1].addLayer(created_object);
						/* possibly notify about move */
					}
				})
			});
			created_object._initContextMenu();

			layer_object.getLayers()[1].addLayer(created_object);
			return false;
		});
		rename_marker(created_object);
	});

	$.getJSON('js/layers.json', function(data) {
		var first_layer = true;
		$.each(data, function(layer_index, layer_info) {
			var layer_path;
			var base_layer;
			var drawing_layer;
			var layer;
			
			layer_path = 'images/tiles/' + layer_info.name
			        	+ '/{z}/{x}/{y}.png';

			base_layer = L.tileLayer(layer_path, {
				noWrap: true,
				continuousWorld: true,
				maxZoom: layer_info.max_zoom
			});

			drawing_layer = new L.FeatureGroup();

			layer = L.layerGroup([base_layer, drawing_layer]);
			layers[layer_info.name] = layer;

			if (first_layer) {
				map.addLayer(layer);
				first_layer = false;
			}
		});
		L.control.layers(layers, {}).addTo(map);
	});
});