<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load markup %}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>ReportLab - Chart Gallery</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}cms/css/base.css"/>
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}chartgallery/css/chart.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type='text/css'>
	body { background-color: #FEFEFE; }
	#main_content_sub_pages {
	width: 600px;
	min-height: 350px;
	height: 350px;
	margin-left: 0; padding-left: 0;
}
#content-related { margin-right: 1em }
#chart-attrs {
	width: 97%;
}
#content-secondary { color: #444 !important; }
#content-secondary h2, h1 { color: #264D90; }
</style>
</head>
<body >
	<h1>{{ title }}</h1>
	<div id="main_content_sub_pages">
<div id="chart-tools" class="icons">
    <a id="zoom-out" title="zoom out">[&minus;]</a>
    <a id="no-zoom" title="normal size">[=]</a>
    <a id="zoom-in" title="zoom in">[+]</a>
</div>
<div id="loader" class="loading"></div>
<div id="content-secondary">{{ doc|markdown}}</div>
</div>
<div id="content-related" class="sidebar">
	<p id="breadcrumbs"></p>
	<div id="chart-attrs-container"></div>
</div>
<script type="text/javascript" src="{{ STATIC_URL }}chartgallery/js/dumpobject.js"></script>
<script type="text/javascript">
    var scaleFactor = {{scale}};
    var currentZoom = scaleFactor;
    var gallery = "{{gallery}}";
    var chart = "{{chart}}";
    var format = "{{format}}";
</script>
<script type="text/javascript" src="{{ STATIC_URL }}chartgallery/js/charts.js"></script>
