{% extends "subject_base.html" %}

{% block morehdrs %}
<link rel="stylesheet" media="all" type="text/css" href="/media/css/jquery-ui.smoothness.1.10.3.min.css" />

<script type="text/javascript" src="/media/js/jquery-ui.1.10.3.min.js"></script>
<script type="text/javascript" src="/media/js/timepicker/jquery-ui-timepicker-addon.js"></script>


<script type="text/javascript">
//var DATA_URL = "{{ data_url }}";

var EXPERIMENT_NUM = 3;
var DATA_URL = '/data/' + EXPERIMENT_NUM;

function getJSONdata(callback,start,end) {
  return getData(callback, "json", start, end);
}

function getXMLdata(callback,start,end) {
  return getData(callback, "xml", start, end);
}

/**
 * type: detail, summary
 */
function getData(callback,format,start,end,type) {
  myData = {'format':format};
  if (start) myData['start'] = start;
  if (end) myData['end'] = end;
  if (type) myData['type'] = type;
  return getDataHelper(callback, myData);
}

/**
 * format,type (summary/detail), start, end, ids (comma separated test id)
 */
function getDataHelper(callback, myData) {
  $.ajax({
    url: DATA_URL,
    data: myData,
    success: callback,
    dataType: myData['format']
    });
}

function log(foo) {
  try {
    var now = new Date();
    var bar = now.getHours()+":"+now.getMinutes()+":"+now.getSeconds()+"."+now.getMilliseconds()+":"+foo;
    console.debug(bar);
    $("#vs_log").append(bar+"<br/>");
  } catch (err) { 
    // for stupid browsers
  }
}

$(function() {
  $.ajaxSetup ({
    cache: false,
    beforeSend: function(xhr, settings) {
      function getCookie(name) {
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
          var cookies = document.cookie.split(';');
          for (var i = 0; i < cookies.length; i++) {
               var cookie = jQuery.trim(cookies[i]);
               // Does this cookie string begin with the name we want?
             if (cookie.substring(0, name.length + 1) == (name + '=')) {
               cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
               break;
             }
          }
        }
        return cookieValue;
      }
      var cook = getCookie('csrftoken');
      xhr.setRequestHeader("X-CSRFToken", cook); 
    } 
  });

  initializeVisualization(); // defined by user
});


</script>

<p>Raw data available <span id="raw_data"></span>