{% load custom_tags %}
{% extends "stiri/index_stiri.html" %}

{% block extrahead %}
  <script src="/static/js/MochiKit/MochiKit.js" type="text/javascript"></script>
  <script src="/static/js/PlotKit/excanvas.js" type="text/javascript"></script>

  <script src="/static/js/PlotKit/Base.js" type="text/javascript"></script>
  <script src="/static/js/PlotKit/Layout.js" type="text/javascript"></script>
  <script src="/static/js/PlotKit/Canvas.js" type="text/javascript"></script>
  <script src="/static/js/PlotKit/SweetCanvas.js" type="text/javascript"></script>
{% endblock %}

{% block title %}Zeitgeist{% if titlu_keywords %} - "{{ titlu_keywords|escape }}"{% endif %}{% endblock %}

  {% block banda %}
    <table width="100%" border=0 cellspacing=0 class="lateral_padding">
        <tr>
          <td width="20%" class="banda" align="left">
            <b>News</b>
          </td>
          <td width="80%" align="right" class="banda">
            Generat automat <b>{{ timp_generare }} EET</b>&nbsp;
          </td>
        </tr>
    </table>
  {% endblock %}

{% block content %}
  <div class="breadcrumbs" style="float:left;">
    <a href="/news/devzone/" class="topmenu_link">DevZone</a>
    &rsaquo;&nbsp;<a href="/news/zeitgeist/" class="topmenu_link">Zeitgeist</a>
    &rsaquo;&nbsp;Zeitgeist{% if titlu_keywords %} - "{{ titlu_keywords|escape }}"{% endif %}
  </div>
  <div class="zeitgeist_howitworks">
    <a href="/news/zeitgeist/how/" class="topmenu_link">Cum functioneaza</a>
  </div>

  <div class="flatpage_title">
    Zeitgeist{% if titlu_keywords %} - "{{ titlu_keywords|escape }}"{% endif %}
  </div>
  <div class="flatpage_body">
    {% comment %}
      {{ lista_punctaj }}
    {% endcomment %}
{% if punctaj_maxim %}
  <div style="margin: 0 auto 0 auto; width: 750px;">
    {% if kw_culori %}
    <div style="margin-left:50px;padding:0 0 10px 0;">
      {% for kw_culoare in kw_culori %}
        <span style="color:{{ kw_culoare.1 }};font-weight:bold;">{{ kw_culoare.0 }}</span>&nbsp;&nbsp;
      {% endfor %}
    </div>
    {% endif %}
    <div><canvas id="chart" width="750" height="300"></canvas></div>
    
    <script type="text/javascript">
      var xTicks = new Array();
      var yTicks = new Array();
      {% for lista_punctaj in liste_punctaj %}
        var dataArray{{ forloop.counter }} = new Array();
        {% for punctaj in lista_punctaj %}
          xTicks.push({label: "{{ punctaj.2 }}", v: {{ forloop.counter0 }} });
          dataArray{{ forloop.parentloop.counter }}.push([{{ forloop.counter0 }}, {{ punctaj.0 }}]);
        {% endfor %}
      {% endfor %}
      var layout = new Layout("line", {"xTicks": xTicks, "yTicks": yTicks, "yTickPrecision": 1, "yAxis": [0.0, {{ max_yaxis }}],
                                      "colorScheme": PlotKit.Base.palette(PlotKit.Base.baseColors()[0])} );
      {% for lista_punctaj in liste_punctaj %}
        layout.addDataset("Dataset{{ forloop.counter }}", dataArray{{ forloop.counter}});
      {% endfor %}
      layout.evaluate();

      var chartOptions = {"padding": {left: 50, right:20, top: 10, bottom: 10},
                          "IECanvasHTC": "/static/js/PlotKit/iecanvas.htc"}
      {% comment %}
        Daca avem mai mult de 2 cuvinte cheie, afisam doar liniile, unfilled.
      {% endcomment %}
      {% if kw_culori %}
        chartOptions['shouldFill'] = 0;
        chartOptions['backgroundColor'] = Color.whiteColor();
        chartOptions['axisLineColor'] = Color.blackColor();
      {% endif %}
      var chart = new SweetCanvasRenderer($("chart"), layout, chartOptions);
      chart.render();
    </script>
  </div>
   {% else %}
     &nbsp;&nbsp;&nbsp;Ne pare rau, nu avem indeajuns de multe date pentru a furniza zeitgeist-ul pentru cuvantul cheie "{{ titlu_keywords|escape }}".
   {% endif %}
  </div>

{% endblock %}