var STYLE_BORDER = { stroke: true, color: '#03f', weight: 3, fill: true, fillOpacity: 0.1 };
var STYLE_SELECTED = { stroke: true, color: '#ff3', weight: 3, fill: true, fillOpacity: 0.1 };
var FILL_TOO_SMALL = '#0f0';
var FILL_TOO_BIG = '#800';
var FILL_ZERO = 'black';
var OLD_BORDERS_NAME; // filled in checkHasOSM()
var IMPORT_ENABLED = false;

var map, borders = {}, bordersLayer, selectedId, editing = false, readonly = false;
var size_good = 5, size_bad = 50;
var maxRank = 1;
var tooSmallLayer = null;
var oldBordersLayer = null;
var routingGroup = null;
var crossingLayer = null;

function init() {
	map = L.map('map', { editable: true }).setView([30, 0], 3);
	var hash = new L.Hash(map);
	L.tileLayer('http://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap' }).addTo(map);
	L.tileLayer('http://korona.geog.uni-heidelberg.de/tiles/adminb/x={x}&y={y}&z={z}',
			{ attribution: '© GIScience Heidelberg' }).addTo(map);
	bordersLayer = L.layerGroup();
	map.addLayer(bordersLayer);
	routingGroup = L.layerGroup();
	map.addLayer(routingGroup);
	crossingLayer = L.layerGroup();
	map.addLayer(crossingLayer);

	map.on('moveend', function() {
		if( map.getZoom() >= 5 )
			updateBorders();
		$('#b_josm').css('visibility', map.getZoom() >= 7 ? 'visible' : 'hidden');
	});

	if( IMPORT_ENABLED ) {
		$('#import_link').css('display', 'none');
		$('#filefm').css('display', 'block');
		$('#filefm').attr('action', getServer('import'));
		var iframe = '<iframe name="import_frame" class="h_iframe" src="about:blank"></iframe>';
		$('#filefm').after(iframe);
	}
	$('#poly_all').attr('href', getPolyDownloadLink());
	$('#poly_bbox').on('mousedown', function() {
		$(this).attr('href', getPolyDownloadLink(true));
	});
	$('#r_green').val(size_good);
	$('#r_red').val(size_bad);
	$('#fsearch').keyup(function(e) {
		if( e.keyCode == 13 )
    			$('#b_search').click();
	});
	$('#b_rename').keyup(function(e) {
		if( e.keyCode == 13 )
			$('#do_rename').click();
	});
	checkHasOSM();
	filterSelect(true);
}

function checkHasOSM() {
	$.ajax(getServer('tables'), {
		success: function(res) {
			if( res.osm )
				$('#osm_actions').css('display', 'block');
			if( res.tables && res.tables.length > 0 ) {
				OLD_BORDERS_NAME = res.tables[0];
				$('#old_action').css('display', 'block');
				$('#josm_old').css('display', 'inline');
			}
			if( res.crossing )
				$('#cross_actions').css('display', 'block');
			if( !res.backup ) {
				$('#backups').css('display', 'none');
			}
			if( res.readonly ) {
				$('#action_buttons').css('display', 'none');
				$('#import_link').css('display', 'none');
				$('#backups').css('display', 'none');
				readonly = true;
			}
			if( !res.readonly && IMPORT_ENABLED ) {
				$('#import_link').css('display', 'none');
				$('#filefm').css('display', 'block');
				$('#filefm').attr('action', getServer('import'));
				var iframe = '<iframe name="import_frame" class="h_iframe" src="about:blank"></iframe>';
				$('#filefm').after(iframe);
			}
		}
	});
}

function updateBorders() {
	var b = map.getBounds(),
	    simplified = map.getZoom() < 7 ? 2 : (map.getZoom() < 11 ? 1 : 0);
	$.ajax(getServer('bbox'), {
		data: {
			'simplify' : simplified,
			'xmin': b.getWest(),
			'xmax': b.getEast(),
			'ymin': b.getSouth(),
			'ymax': b.getNorth()
		},
		success: processResult,
		dataType: 'json',
		simplified: simplified
	});

	$.ajax(getServer('routing'), {
		data: {
			'xmin': b.getWest(),
			'xmax': b.getEast(),
			'ymin': b.getSouth(),
			'ymax': b.getNorth()
		},
		success: processRouting,
		dataType: 'json'
	});

	if (map.getZoom() >= 4) {
		$.ajax(getServer('crossing'), {
			data: {
				'xmin': b.getWest(),
				'xmax': b.getEast(),
				'ymin': b.getSouth(),
				'ymax': b.getNorth(),
				'points': (map.getZoom() < 10 ? 1 : 0),
				'rank': maxRank
			},
			success: processCrossing,
			dataType: 'json'
		});
	} else {
		crossingLayer.clearLayers();
	}

	if( oldBordersLayer != null && OLD_BORDERS_NAME ) {
		oldBordersLayer.clearLayers();
		$.ajax(getServer('bbox'), {
			data: {
				'table': OLD_BORDERS_NAME,
				'simplify': simplified,
				'xmin': b.getWest(),
				'xmax': b.getEast(),
				'ymin': b.getSouth(),
				'ymax': b.getNorth()
			},
			success: processOldBorders,
			dataType: 'json'
		});
	}
}

routingTypes = {1: "Border and feature are intersecting several times.",
		2: "Unknown outgoing feature."};

function processRouting(data) {
	routingGroup.clearLayers();
	for( var f = 0; f < data.features.length; f++ ) {
		marker = L.marker([data.features[f]["lat"], data.features[f]["lon"]]);
		marker.bindPopup(routingTypes[data.features[f]["type"]], {showOnMouseOver: true});
		routingGroup.addLayer(marker);
	}
}

function processResult(data) {
	for( var id in borders ) {
		if( id != selectedId || !editing ) {
			bordersLayer.removeLayer(borders[id].layer);
			delete borders[id];
		}
	}

	for( var f = 0; f < data.features.length; f++ ) {
		var layer = L.GeoJSON.geometryToLayer(data.features[f].geometry),
		    props = data.features[f].properties;
		props.simplified = this.simplified;
		if( 'name' in props && props.name != '' )
			updateBorder(props.name, layer, props);
	}
	if( selectedId in borders ) {
		selectLayer({ target: borders[selectedId].layer });
	} else {
		selectLayer(null);
	}

	var b = map.getBounds();
	if( tooSmallLayer != null ) {
		tooSmallLayer.clearLayers();
		$.ajax(getServer('small'), {
			data: {
				'xmin': b.getWest(),
				'xmax': b.getEast(),
				'ymin': b.getSouth(),
				'ymax': b.getNorth()
			},
			success: processTooSmall,
			dataType: 'json'
		});
	}
}

function processOldBorders(data) {
	var layer = L.geoJson(data, {
		style: { fill: false, color: 'purple', weight: 3, clickable: false }
	});
	oldBordersLayer.addLayer(layer);
}

function processTooSmall(data) {
	if( tooSmallLayer == null || !data || !('features' in data) )
		return;
	tooSmallLayer.clearLayers();
	var i, pt, tsm;
	for( i = 0; i < data.features.length; i++ ) {
		pt = data.features[i];
		if( pt.name in borders ) {
			tsm = L.marker([pt.lat, pt.lon], { title: pt.name + '\n' + 'Площадь: ' + L.Util.formatNum(pt.area / 1000000, 2) + ' км²' });
			tsm.pLayer = borders[pt.name].layer;
			tsm.on('click', selectLayer);
			tooSmallLayer.addLayer(tsm);
		}
	}
}

function updateBorder(id, layer, props) {
	if( id in borders ) {
		if( id == selectedId && editing )
			return;
		bordersLayer.removeLayer(borders[id].layer);
	}
	borders[id] = props;
	borders[id].layer = layer;
	layer.id = id;
	bordersLayer.addLayer(layer);
	layer.setStyle(STYLE_BORDER);
	if( borders[id]['disabled'] )
		layer.setStyle({ fillOpacity: 0.01 });
	var color = getColor(borders[id]);
	layer.setStyle({ color: color });
	layer.defStyle = color;
	layer.on('click', selectLayer);
}

function selectLayer(e) {
	if( e != null && 'pLayer' in e.target )
		e.target = e.target.pLayer;

	if( e != null && joinSelected != null ) {
		bJoinSelect(e.target);
		return;
	}
	if( selectedId && selectedId in borders ) {
		borders[selectedId].layer.setStyle(STYLE_BORDER);
		if( borders[selectedId]['disabled'] )
			borders[selectedId].layer.setStyle({ fillOpacity: 0.01 });
		if( 'defStyle' in borders[selectedId].layer )
			borders[selectedId].layer.setStyle({ color: borders[selectedId].layer.defStyle });
	}
	if( e != null && 'id' in e.target && e.target.id in borders ) {
		selectedId = e.target.id;
		e.target.setStyle(STYLE_SELECTED);
		var props = borders[selectedId];
		if( props['disabled'] )
			e.target.setStyle({ fillOpacity: 0.01 });
		$('#b_name').text(props['name']);
		$('#b_size').text(Math.round(props['count_k'] * window.BYTES_FOR_NODE / 1024 / 1024) + ' MB');
		//$('#b_nodes').text(borders[selectedId].layer.getLatLngs()[0].length);
		$('#b_nodes').text(props['nodes']);
		$('#b_date').text(props['modified']);
		$('#b_area').text(L.Util.formatNum(props['area'] / 1000000, 2));
		$('#b_comment').val(props['comment'] || '');
		$('#b_status').text(props['disabled'] ? 'Отключено' : 'В сборке');
		$('#b_disable').text(props['disabled'] ? 'Вернуть' : 'Убрать');
	} else
		selectedId = null;
	$('#actions').css('visibility', selectedId == null ? 'hidden' : 'visible');
	$('#rename').css('display', 'none');
}

function filterSelect(noRefresh) {
	value = $('#f_type').val();
	$('#f_size').css('display', value == 'size' ? 'block' : 'none');
	$('#f_chars').css('display', value == 'chars' ? 'block' : 'none');
	$('#f_comments').css('display', value == 'comments' ? 'block' : 'none');
	$('#f_topo').css('display', value == 'topo' ? 'block' : 'none');
	if( value == 'topo' ) {
		tooSmallLayer = L.layerGroup();
		map.addLayer(tooSmallLayer);
	} else if( tooSmallLayer != null ) {
		map.removeLayer(tooSmallLayer);
		tooSmallLayer = null;
	}
	if( !noRefresh )
		updateBorders();
}

function getColor(props) {
	var color = STYLE_BORDER.color;
	fType = $('#f_type').val();
	if( fType == 'size' ) {
		if( props['count_k'] <= 0 )
			color = FILL_ZERO;
		else if( props['count_k'] * window.BYTES_FOR_NODE < size_good * 1024 * 1024 )
			color = FILL_TOO_SMALL;
		else if( props['count_k'] * window.BYTES_FOR_NODE > size_bad * 1024 * 1024 )
			color = FILL_TOO_BIG;
	} else if( fType == 'topo' ) {
		var rings = countRings([0, 0], props.layer);
		if( rings[1] > 0 )
			color = FILL_TOO_BIG;
		else if( rings[0] == 1 )
			color = FILL_TOO_SMALL;
		else if( rings[0] == 0 )
			color = FILL_ZERO;
	} else if( fType == 'chars' ) {
		if( !/^[\x20-\x7F]*$/.test(props['name']) )
			color = FILL_TOO_BIG;
		else if( props['name'].indexOf(' ') < 0 )
			color = FILL_TOO_SMALL;
	} else if( fType == 'comments' ) {
		if( props['comment'] && props['comment'] != '' )
			color = FILL_TOO_BIG;
	}
	return color;
}

function countRings( rings, polygon ) {
	if( polygon instanceof L.MultiPolygon ) {
		polygon.eachLayer(function(layer) {
			rings = countRings(rings, layer);
		});
	} else if( polygon instanceof L.Polygon ) {
		rings[0]++;
		if( '_holes' in polygon && 'length' in polygon._holes )
			rings[1] += polygon._holes.length;
	}
	return rings;
}

function doSearch() {
	var query = $('#fsearch').val();
	if( query.length > 1 ) {
		$.ajax(getServer('search'), {
			data: { 'q': query },
			success: zoomToFound
		});
	}
}

function zoomToFound(result) {
	$('#fsearch').val('');
	if( !('bounds' in result))
		return;
	var b = result['bounds'];
	if( b.length != 4 )
		return;
	map.fitBounds([[b[1], b[0]], [b[3], b[2]]]);
}

function bUpdateColors() {
	size_good = +$('#r_green').val();
	if( size_good <= 0 )
		size_good = 10;
	size_bad = +$('#r_red').val();
	if( size_bad <= size_good )
		size_bad = size_good * 10;
	$('#r_green').val(size_good);
	$('#r_red').val(size_bad);
	updateBorders();
}

function bOldBorders() {
	if( $('#old').prop('checked') ) {
		oldBordersLayer = L.layerGroup();
		map.addLayer(oldBordersLayer);
		updateBorders();
	} else if( oldBordersLayer != null ) {
		map.removeLayer(oldBordersLayer);
		oldBordersLayer = null;
	}
}

function importInJOSM(method, data ) {
	var url = getServer(method) + '?' + $.param(data);
	$.ajax({
		url: 'http://127.0.0.1:8111/import',
		data: { url: url, new_layer: 'true', format: '.osm' },
		complete: function(t) {
			if( t.status != 200 )
				window.alert('Please enable remote_control in JOSM');
		}
	});
}

function bJOSM() {
	var b = map.getBounds();
	importInJOSM('josm', {
		'xmin': b.getWest(),
		'xmax': b.getEast(),
		'ymin': b.getSouth(),
		'ymax': b.getNorth()
	});
}

function bJosmOld() {
	var b = map.getBounds();
	importInJOSM('josm', {
		'table': OLD_BORDERS_NAME,
		'xmin': b.getWest(),
		'xmax': b.getEast(),
		'ymin': b.getSouth(),
		'ymax': b.getNorth()
	});
}

function bJosmZoom() {
	var b = map.getBounds();
	$.ajax({
		url: 'http://127.0.0.1:8111/zoom',
		data: {
			'left': b.getWest(),
			'right': b.getEast(),
			'bottom': b.getSouth(),
			'top': b.getNorth()
		}
	});
}

function bImport() {
	document.getElementById('filefm').submit();
}

function bShowRename() {
	if( !selectedId || !(selectedId in borders) || readonly )
		return;
	$('#b_rename').val(borders[selectedId].name);
	$('#rename').css('display', 'block');
}

function bRename() {
	if( !selectedId || !(selectedId in borders) )
		return;
	$('#rename').css('display', 'none');
	$.ajax(getServer('rename'), {
		data: { 'name': selectedId, 'newname': $('#b_rename').val() },
		success: updateBorders
	});
}

function bDisable() {
	if( !selectedId || !(selectedId in borders) )
		return;
	$.ajax(getServer(borders[selectedId].disabled ? 'enable' : 'disable'), {
		data: { 'name': selectedId },
		success: updateBorders
	});
}

function bDelete() {
	if( !selectedId || !(selectedId in borders) )
		return;
	if( !window.confirm('Точно удалить регион ' + selectedId + '?') )
		return;
	$.ajax(getServer('delete'), {
		data: { 'name': selectedId },
		success: updateBorders
	});
}

function sendComment( text ) {
	if( !selectedId || !(selectedId in borders) )
		return;
	$.ajax(getServer('comment'), {
		data: { 'name': selectedId, 'comment': text },
		type: 'POST',
		success: updateBorders
	});
}

function bComment() {
	sendComment($('#b_comment').val());
}

function bClearComment() {
	$('#b_comment').val('');
	sendComment('');
}

var splitLayer = null,
    splitSelected = null;

function bSplit() {
	if( !selectedId || !(selectedId in borders) )
		return;
	splitSelected = selectedId;
	$('#s_sel').text(selectedId);
	$('#actions').css('display', 'none');
	$('#split').css('display', 'block');
	map.on('editable:drawing:end', bSplitDrawn);
	bSplitStart();
}

function bSplitStart() {
	$('#s_do').css('display', 'none');
	splitLayer = null;
	map.editTools.startPolyline();
}

function bSplitDrawn(e) {
	splitLayer = e.layer;
	$('#s_do').css('display', 'block');
}

function bSplitAgain() {
	map.editTools.stopDrawing();
	if( splitLayer != null )
		map.removeLayer(splitLayer);
	bSplitStart();
}

function bSplitDo() {
	var wkt = '', lls = splitLayer.getLatLngs();
	for( i = 0; i < lls.length; i++ ) {
		if( i > 0 )
			wkt += ',';
		wkt += L.Util.formatNum(lls[i].lng, 6) + ' ' + L.Util.formatNum(lls[i].lat, 6);
	}
	$.ajax(getServer('split'), {
		data: { 'name': splitSelected, 'line': 'LINESTRING(' + wkt + ')' },
		datatype: 'json',
		success: function(data) { if( data.status != 'ok' ) alert(data.status); else updateBorders(); }
	});
	bSplitCancel();
}

function bSplitJosm() {
	var wkt = '', lls = splitLayer.getLatLngs();
	for( i = 0; i < lls.length; i++ ) {
		if( i > 0 )
			wkt += ',';
		wkt += L.Util.formatNum(lls[i].lng, 6) + ' ' + L.Util.formatNum(lls[i].lat, 6);
	}
	importInJOSM('josmbord', {
		'name': splitSelected,
		'line': 'LINESTRING(' + wkt + ')'
	});
}

function bSplitCancel() {
	map.editTools.stopDrawing();
	if( splitLayer != null )
		map.removeLayer(splitLayer);
	$('#actions').css('display', 'block');
	$('#split').css('display', 'none');
}

var joinSelected = null, joinAnother = null;

function bJoin() {
	if( !selectedId || !(selectedId in borders) )
		return;
	joinSelected = selectedId;
	joinAnother = null;
	$('#j_sel').text(selectedId);
	$('#actions').css('display', 'none');
	$('#j_do').css('display', 'none');
	$('#join').css('display', 'block');
}

// called from selectLayer() when joinSelected is not null
function bJoinSelect(layer) {
	if( 'id' in layer && layer.id in borders && layer.id != joinSelected ) {
		joinAnother = layer.id;
		$('#j_name2').text(joinAnother);
		$('#j_do').css('display', 'block');
	}
}

function bJoinDo() {
	if( joinSelected != null && joinAnother != null ) {
		$.ajax(getServer('join'), {
			data: { 'name': joinSelected, 'name2': joinAnother },
			success: updateBorders
		});
	}
	bJoinCancel();
}

function bJoinCancel() {
	joinSelected = null;
	$('#actions').css('display', 'block');
	$('#join').css('display', 'none');
}

var pMarker = L.marker([0, 0], { draggable: true });

function bPoint() {
	$('#p_name').val(selectedId && selectedId in borders ? selectedId : '');
	selectLayer(null);
	$('#actions').css('display', 'none');
	$('#point').css('display', 'block');
	pMarker.setLatLng(map.getCenter());
	map.addLayer(pMarker);
}

function bPointList() {
	var ll = pMarker.getLatLng();
	$.ajax(getServer('point'), {
		data: { 'lat': ll.lat, 'lon': ll.lng },
		dataType: 'json',
		success: updatePointList
	});
}

function updatePointList(data) {
	var list = $('#p_list');
	list.text('');
	if( !data || !('borders' in data) )
		return;
	for( var i = 0; i < data.borders.length; i++ ) {
		var b = data.borders[i];
		var a = document.createElement('a');
		a.href = '#';
		a.onclick = (function(id, name) { return function() { pPointSelect(id, name); return false } })(b['id'], b['name']);
		list.append(a, $('<br>'));
		$(a).text(b['admin_level'] + ': ' + b['name'] + ' (' + Math.round(b['area']) + ' км²)');
	}
}

function pPointSelect(id, name1) {
	var name = $('#p_name').val();
	name = name.replace('*', name1);
	$.ajax(getServer('from_osm'), {
		data: { 'name': name, 'id': id },
		success: updateBorders
	});
	bPointCancel();
}

function bPointCancel() {
	$('#actions').css('display', 'block');
	$('#point').css('display', 'none');
	$('#p_list').text('');
	map.removeLayer(pMarker);
}

var divPreview = null, divSelected = null;

function bDivide() {
	if( !selectedId || !(selectedId in borders) )
		return;
	divSelected = selectedId;
	$('#actions').css('display', 'none');
	$('#d_do').css('display', 'none');
	$('#d_none').css('display', 'none');
	$('#divide').css('display', 'block');
	// pre-fill 'like' and 'where' fields
	$('#d_like').val(borders[selectedId].name);
	$('#d_prefix').val(borders[selectedId].name);
	$('#d_where').val('admin_level = 4');
}

function bDividePreview() {
	if( divPreview != null ) {
		map.removeLayer(divPreview);
		divPreview = null;
	}
	$('#d_do').css('display', 'none');
	$('#d_none').css('display', 'none');
	$.ajax(getServer('divpreview'), {
		data: {
			'like': $('#d_like').val(),
			'query': $('#d_where').val()
		},
		success: bDivideDrawPreview
	});
}

function bDivideDrawPreview(geojson) {
	if( !('features' in geojson) || !geojson.features.length ) {
		$('#d_none').css('display', 'block');
		return;
	}
	divPreview = L.geoJson(geojson, {
		style: function(f) {
			return { color: 'blue', weight: 1, fill: false };
		}
	});
	map.addLayer(divPreview);
	$('#d_count').text(geojson.features.length);
	$('#d_do').css('display', 'block');
}

function bDivideDo() {
	$.ajax(getServer('divide'), {
		data: {
			'name': divSelected,
			'prefix': $('#d_prefix').val(),
			'like': $('#d_like').val(),
			'query': $('#d_where').val()
		},
		success: updateBorders
	});
	bDivideCancel();
}

function bDivideCancel() {
	if( divPreview != null ) {
		map.removeLayer(divPreview);
		divPreview = null;
	}
	divSelected = null;
	$('#actions').css('display', 'block');
	$('#divide').css('display', 'none');
}

function bLargest() {
	if( !selectedId || !(selectedId in borders) )
		return;
	$.ajax(getServer('chop1'), {
		data: { 'name': selectedId },
		success: updateBorders
	});
}

function bHull() {
	if( !selectedId || !(selectedId in borders) )
		return;
	$.ajax(getServer('hull'), {
		data: { 'name': selectedId },
		success: updateBorders
	});
}

function bBackup() {
	$('#actions').css('display', 'none');
	$('#backup_saving').css('display', 'none');
	$('#backup_restoring').css('display', 'none');
	$('#backup_save').attr('disabled', false);
	$('#backup_list').text('');
	$('#backup').css('display', 'block');
	$.ajax(getServer('backlist'), {
		success: updateBackupList
	});
}

function bBackupCancel() {
	$('#actions').css('display', 'block');
	$('#backup').css('display', 'none');
}

function updateBackupList(data) {
	var list = $('#backup_list');
	list.text('');
	if( !data || !('backups' in data) )
		return;
	for( var i = 0; i < data.backups.length; i++ ) {
		var b = data.backups[i];
		var a = document.createElement('a');
		a.href = '#';
		a.onclick = (function(id, name) { return function() { bBackupRestore(id); return false } })(b['timestamp']);
		$(a).text(b['text'] + ' (' + b['count'] + ')');
		if( i > 0 ) {
			var d = document.createElement('a');
			d.className = 'back_del';
			d.href = '#';
			d.onclick = (function(id, name) { return function() { bBackupDelete(id); return false } })(b['timestamp']);
			$(d).text('[x]');
			list.append(a, document.createTextNode(' '), d, $('<br>'));
		} else {
			list.append(a, $('<br>'));
		}
	}
}

function bBackupSave() {
	$.ajax(getServer('backup'), {
		success: bBackupCancel
	});
	$('#backup_save').attr('disabled', true);
	$('#backup_saving').css('display', 'block');
}

function bBackupRestore(timestamp) {
	$.ajax(getServer('restore'), {
		data: { 'timestamp': timestamp },
		success: function() { bBackupCancel(); updateBorders(); }
	});
	$('#backup_list').text('');
	$('#backup_restoring').css('display', 'block');
}

function bBackupDelete(timestamp) {
	$.ajax(getServer('backdelete'), {
		data: { 'timestamp': timestamp }
	});
	bBackupCancel();
}

function getPolyDownloadLink(bbox) {
	var b = map.getBounds();
	var data = {
		'xmin': b.getWest(),
		'xmax': b.getEast(),
		'ymin': b.getSouth(),
		'ymax': b.getNorth()
	};
	return getServer('poly') + (bbox ? '?' + $.param(data) : '');
}

var crossSelected = null, fcPreview = null;
var selectedCrossings = {};

function crossingUpdateColor(layer) {
	if( 'setStyle' in layer )
		layer.setStyle({ color: selectedCrossings[layer.crossId] ? 'red' : 'blue' });
}

function crossingClicked(e) {
	if( !crossSelected )
		return;
	var layer = e.target;
	if( 'crossId' in layer ) {
		var id = layer.crossId;
		if( selectedCrossings[id] )
			delete selectedCrossings[id];
		else
			selectedCrossings[id] = true;
		crossingUpdateColor(layer);
	}
}

function setBordersSelectable(selectable) {
	crossingLayer.eachLayer(function(l) {
		l.bringToFront();
	});
}

function processCrossing(data) {
	crossingLayer.clearLayers();
	for( var f = 0; f < data.features.length; f++ ) {
		var layer = L.GeoJSON.geometryToLayer(data.features[f].geometry),
		    props = data.features[f].properties;
		layer.crossId = '' + props.id;
		layer.crossRegion = props.region;
		crossingUpdateColor(layer);
		layer.on('click', crossingClicked);
		crossingLayer.addLayer(layer);
	}
}

function selectCrossingByRegion(region) {
	if( region ) {
		crossingLayer.eachLayer(function(l) {
			if( l.crossId && l.crossRegion == region ) {
				selectedCrossings[l.crossId] = true;
				crossingUpdateColor(l);
			}
		});
	} else {
		crossingLayer.eachLayer(function(l) {
			if( l.crossId ) {
				delete selectedCrossings[l.crossId];
				crossingUpdateColor(l);
			}
		});
	}
}

function bFixCross() {
	if( !selectedId || !(selectedId in borders) )
		return;
	setBordersSelectable(false);
	crossSelected = selectedId;
	fcPreview = null;
	$('#actions').css('display', 'none');
	$('#fc_sel').text(crossSelected);
	$('#fc_do').css('display', 'none');
	$('#fixcross').css('display', 'block');
	selectCrossingByRegion(crossSelected);
}

function bFixCrossPreview() {
	if( fcPreview != null ) {
		map.removeLayer(fcPreview);
		fcPreview = null;
	}
	$('#fc_do').css('display', 'none');
	$.ajax(getServer('fixcrossing'), {
		data: {
			'preview': 1,
			'region': crossSelected,
			'ids': Object.keys(selectedCrossings).join(',')
		},
		success: bFixCrossDrawPreview
	});
}

function bFixCrossDrawPreview(geojson) {
	if( !('geometry' in geojson) ) {
		return;
	}
	fcPreview = L.geoJson(geojson, {
		style: function(f) {
			return { color: 'red', weight: 1, fill: false };
		}
	});
	map.addLayer(fcPreview);
	$('#fc_do').css('display', 'block');
}

function bFixCrossDo() {
	$.ajax(getServer('fixcrossing'), {
		data: {
			'region': crossSelected,
			'ids': Object.keys(selectedCrossings).join(',')
		},
		success: updateBorders
	});
	bFixCrossCancel();
}

function bFixCrossCancel() {
	if( fcPreview != null ) {
		map.removeLayer(fcPreview);
		fcPreview = null;
	}
	crossSelected = null;
	selectCrossingByRegion(false);
	selectedCrossings = {};
	updateBorders();
	$('#actions').css('display', 'block');
	$('#fixcross').css('display', 'none');
}