{% extends "base_user.html" %}
{% load i18n %}
{% block message_edit %}{% endblock %}
{% block sidebar %}{{ block.super }}
<div id='panel'>
<h2>{% trans "Topics"%}</h2>
<form method='post' name='frm_categories' id='frm_categories'>
<div id='categories'>
{{categories|safe}}
</div>

</form>
</div>
{%if areas%}<div id='areas'>
<h2>{% trans "Shortcuts"%}</h2>
<ul>{% for area in areas%}
<li><img class='zoom_image' alt='{% trans "Zoom to" %} {{area.name}}' src='{{media_path}}icons/zoom.png' onclick='zoomToArea({{area.upper_left_corner.x}}, {{area.upper_left_corner.y}}, {{area.lower_right_corner.x}}, {{area.lower_right_corner.y}}); loadGeoObjects();'/> {{area.name}}</li>{%endfor%}
</ul>
</div>{%endif%}

<div id='detail'>
</div>
<div id='category_detail'>
</div>

<div id='welcome_button'><a href='javascript:show("welcome");'>{% trans "Welcome message"%}</a></div>
{{welcome}}{% endblock %}
{% block content %}{{ block.super }}<div id='map'></div>
<script type='text/javascript'><!--
var map_layer = {{map_layer|safe}};
var permalink_label = '{%trans "Permalink"%}';
var dynamic_categories{%if dynamic_categories %} = 1{%endif%};
var default_area{%if default_area %} = new Array({{default_area.upper_left_corner.x}}, {{default_area.upper_left_corner.y}}, {{default_area.lower_right_corner.x}}, {{default_area.lower_right_corner.y}}){%endif%};
var p_zoom{%if p_zoom %} = {{p_zoom}}{%endif%};
var p_lat{%if p_lat %} = {{p_lat}}{%endif%};
var p_lon{%if p_lon %} = {{p_lon}}{%endif%};
var p_display_submited{%if p_display_submited %} = {{p_display_submited}}{%endif%};
var p_checked_categories{%if p_checked_categories %} = [{{p_checked_categories}}];{%endif%}
var p_current_feature{% if p_current_feature %} = {{p_current_feature}}{%endif%};
init();
// --> </script>{% endblock %}
{% block footer %}<div id='map-footer'>{{ block.super }} - {% trans "Map"%} © <a href='http://openstreetmap.org/'>OpenStreetMap</a></div>
{% endblock %}