{% extends "base.html" %}
{% load i18n %}
{% block sidebar %}
<div id='panel'>
<form method='post' name='frm_categories' id='frm_categories'>
<ul id='categories'>{% for category, lst_sub_categories in sub_categories %}
<script language='javascript'><!--
var lst_{{category.id}}=new Array();
{% for sub_category in lst_sub_categories %}
lst_{{category.id}}.push("{{sub_category.id}}");{% endfor %}
--></script>
  <li><input type='checkbox' id='maincat_{{category.id}}' onclick='checkAll(this, lst_{{category.id}});loadGeoObjects();' {% if category.selected %} checked='checked'{%endif%} />
 {% trans category.name %}
 <img class='zoom_image' alt='{% trans "Zoom to" %} {{category.name}}' src='{{media_path}}icons/zoom.png' onclick='zoomToCategory(lst_{{category.id}}.join("_"))'/>
    <ul class='subcategories'>{% for sub_category in lst_sub_categories %}
      <li><input type='checkbox' onclick='loadGeoObjects()' name='category_{{sub_category.id}}' id='category_{{sub_category.id}}'{% if sub_category.selected %} checked='checked'{% endif %}/> <label for='{{sub_category.id}}'>
      <img alt='{{sub_category.name}}' src='{{media_path}}{{sub_category.icon.image}}'/>
      {% trans sub_category.name %}</label>
      <img class='zoom_image' alt='{% trans "Zoom to" %} {{sub_category.name}}' src='{{media_path}}icons/zoom.png' onclick='zoomToCategory({{sub_category.id}})'/></li>{% endfor %}
    </ul>
  </li>{% endfor %}
  <li id='display_submited'><input type='checkbox'  onclick='loadGeoObjects()' name='display_submited' id='display_submited_check'/> {% trans "Display markers and routes waiting for validation"%}</li>
</ul>

</form>
</div>
<div id='detail'>
</div>
{{welcome}}{% endblock %}
{% block content %}<div id='map'></div>
<script type='text/javascript'><!--
var permalink_label = '{%trans "Permalink"%}';
var p_zoom;
{%if p_zoom %}p_zoom={{p_zoom}};
var p_lat={{p_lat}};
var p_lon={{p_lon}};
var p_display_submited={{p_display_submited}};
var p_checked_categories = [{{p_checked_categories}}];{%endif%}
init();
// --> </script>{% endblock %}
{% block footer %}
    <div id='map-footer'><a href='javascript:show("welcome");'>{% trans "Welcome message"%}</a> - {% trans "Map"%} © <a href='http://openstreetmap.org/'>OpenStreetMap</a> - {% trans "This site uses Chimère"%} - Copyright © 2008 <a href='http://redmine.peacefrogs.net/projects/show/chimere'>Chimère project</a></div>
{% endblock %}