/**
  * All JS & CSS.
  *
  * @return string HTML
  */
 protected function output_head()
 {
     google_charts_renderer::render();
     $head = '<script src="webapp/js/jquery.js"></script>';
     $head .= '<script src="webapp/js/jquery-ui.js"></script>';
     $head .= '<script src="webapp/js/ui.js"></script>';
     $head .= '<link rel="stylesheet" type="text/css" href="webapp/css/styles.css" />';
     $head .= '<link rel="stylesheet" type="text/css" href="webapp/css/redmond/jquery-ui.css" />';
     return $head;
 }
 /**
  * Creates a chart and adds it to the lists.
  * @param string $var
  * @param array $dataset
  * @param array $charttypeid
  * @return void
  */
 protected function create_chart($var, $dataset, $chartdeclaration)
 {
     $chartid = $var . '_' . $chartdeclaration['id'];
     // TODO: Merge with the declared ones to allow specific behaviours.
     $options = array('title' => $var);
     $chart = new google_chart($chartid, $dataset, $chartdeclaration['class'], $options);
     google_charts_renderer::add($chart);
     // The DOM container.
     $width = $chartdeclaration['width'];
     $height = $chartdeclaration['height'];
     $this->containers[$chartdeclaration['id']][] = '<div id="' . $chartid . '" style="width: ' . $width . 'px; height: ' . $height . 'px;"></div>' . PHP_EOL;
 }