<a id="{$mapcontrol.id|escape}" href="#" title="{$mapcontrol.label|escape}">{icon _id=$mapcontrol.icon title=$mapcontrol.label class=$mapcontrol.class}</a>
{jq}
$('#appframe .map-container').bind('initialized', function () {
	var container = this
		, link = '#{{$mapcontrol.id|escape}}'
		, vlayer
		, mode
		, controls = []
		, func
		;
	
	{{if $mapcontrol.function}}
		func = function () {
			{{$mapcontrol.function}};
			return false;
		};
	{{elseif $mapcontrol.mode}}
		mode = {{$mapcontrol.mode|json_encode}};
	{{else}}
		vlayer = container.vectors;
		{{if $mapcontrol.control}}
			controls.push({{$mapcontrol.control}});
		{{/if}}

		{{if $mapcontrol.navigation}}
			controls.push(new OpenLayers.Control.NavToolbar());
		{{/if}}

		mode = {{$mapcontrol.label|json_encode}};
		container.modeManager.addMode({
			name: {{$mapcontrol.label|json_encode}},
			controls: controls
		});
	{{/if}}

	container.modeManager.register('activate', mode, function () {
		$(link).addClass('active');
	});
	container.modeManager.register('deactivate', mode, function () {
		$(link).removeClass('active');
	});

	if (func) {
		$(link).click(func);
	} else {
		$(link).click(function () {
			container.modeManager.switchTo(mode);
			return false;
		});
	}
});
{/jq}
