{% extends "base_template.html" %}

{% block extrahead %} 
        <script src="/static/tree.js"></script>
        <script type="text/javascript" src="/static/ext-3.0.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="/static/ext-3.0.0/ext-all.js"></script>

<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="/static/jquery/jquery.js"></script>
		<script type="text/javascript" src="/static/jquery/interface.js"></script>
        <script src="/static/ol/OpenLayers.js"></script>
<style type="text/css" media="all">

.expandImage
{
	margin-right: 4px;
}
.textHolder
{
	height: 16px;
	line-height: 16px;
	padding-left: 6px;
}
span.dropOver
{
	background-color: #00c;
	color: #fff;
	height: 16px;
	line-height: 16px;
	padding-left: 6px;
}
.treeItem
{
	list-style: none;
}
</style>
{% endblock %}
{% block content %}
<ul class="myTree">
</ul>

<script type="text/javascript">
    window.onload=function() { load() };
</script>
{% endblock %}