diff --git a/.gitmodules b/.gitmodules
index a99fec48c386f8091364a0187c2bed22b9cba120..d9351d02d5f497b3c061e9b9021caec2e0569d21 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -10,3 +10,6 @@
 [submodule "library/piwik-php-tracker"]
 	path = library/piwik-php-tracker
 	url = http://git.afi-sa.fr/afi/piwik-php-tracker.git
+[submodule "library/iCal"]
+	path = library/iCal
+	url = http://git.afi-sa.net/afi/iCal.git
diff --git a/FEATURES/65273 b/FEATURES/65273
new file mode 100644
index 0000000000000000000000000000000000000000..7f197fa9ef666255aa81c4207397aee633c69871
--- /dev/null
+++ b/FEATURES/65273
@@ -0,0 +1,10 @@
+        '65273' =>
+            ['Label' => $this->_('Export des agendas au format iCalendar'),
+             'Desc' => $this->_('Exportez vos agendas pour les intégrer dans un logiciel de calendrier ou un autre système d\'information.'),
+             'Image' => '',
+             'Video' => '',
+             'Category' => $this->_('Exports'),
+             'Right' => function($feature_description, $user) {return true;},
+             'Wiki' => 'http://wiki.bokeh-library-portal.org/index.php?title=Exporter_l%27agenda_au_format_iCalendar_(iCal)',
+             'Test' => '',
+             'Date' => '2017-11-07'],
\ No newline at end of file
diff --git a/VERSIONS b/VERSIONS
index 213a6c2c54424b65342d1b589ee14029be874608..5c98e12f6528960f3fc0a078afec972150887cff 100644
--- a/VERSIONS
+++ b/VERSIONS
@@ -1,3 +1,15 @@
+14/11/2017 - v7.11.9
+
+ - ticket #65552 : AFI-Multiumédia : les réservations sont maintenant affichées dès la sélection du site.
+   
+ - ticket #66943 : AFI Multimédia : Les réservations remplacées par une autre sont mise à jour.
+
+ - ticket #49315 : AFI Multimédia : Les notes renseignées sur un poste sont visible lors de la réservation.
+ 
+ - ticket #67232 : Ressources numériques : correction de la sauvegarde des albums.
+ 
+
+
 07/11/2017 - v7.11.8
 
  - ticket #66742 : Résultat de recherche : Correction d'un cas rendant possible de configurer les listes de résultat sans limite par page
diff --git a/VERSIONS_HOTLINE/67232 b/VERSIONS_HOTLINE/67232
deleted file mode 100644
index c7baca7dc531f82285bcb06e102177765b8c07aa..0000000000000000000000000000000000000000
--- a/VERSIONS_HOTLINE/67232
+++ /dev/null
@@ -1,2 +0,0 @@
- - ticket #67232 : Ressources numériques : correction de la sauvegarde des albums
- 
\ No newline at end of file
diff --git a/VERSIONS_WIP/65273 b/VERSIONS_WIP/65273
new file mode 100644
index 0000000000000000000000000000000000000000..3bf9eabccdedd366ca6fe584e925c072a28f87a9
--- /dev/null
+++ b/VERSIONS_WIP/65273
@@ -0,0 +1 @@
+ - ticket #65273 :  Export des articles agenda en format ICAL
\ No newline at end of file
diff --git a/application/modules/admin/controllers/MultimediaController.php b/application/modules/admin/controllers/MultimediaController.php
index 34a7aaf07fa1d7e1c1477501b645b7ecbce61dd5..c6e1ad5f2a575f137fe7db12a306c1741d8857bf 100644
--- a/application/modules/admin/controllers/MultimediaController.php
+++ b/application/modules/admin/controllers/MultimediaController.php
@@ -33,8 +33,46 @@ class Admin_MultimediaController extends ZendAfi_Controller_Action {
     }
 
     $devices = $location->getDevices();
+    $holds = [];
+    foreach($devices as $device)
+      $holds = array_merge($holds, $device->getHoldsForTimeline());
+
+    $devices_ids = array_unique((new Storm_Model_Collection($devices))->collect('id')->getArrayCopy());
+
+    $holds = empty($holds)
+      ? []
+      : array_map(function($hold) use ($devices_ids)
+                  {
+                    return (new Class_Entity())
+                    ->setId($hold->getId())
+                    ->setStart($hold->getStart())
+                    ->setEnd($hold->getEnd())
+                    ->setLabel($hold->getLibelleDevice())
+                    ->setContent(
+                                 $this->view->tag('p',
+                                                  sprintf('Le poste "%s" (OS: %s) a été réservé par %s dans le site de "%s"',
+                                                          $hold->getLibelleDevice(),
+                                                          $hold->getOs(),
+                                                          $hold->getUsername(),
+                                                          $hold->getLibelleBib()))
+                                 . $this->view->tagAnchor(['action' => 'delete-hold',
+                                                           'id' => $hold->getId()],
+                                                          $this->_('Supprimer'),
+                                                          ['onclick' => 'return confirm('' . $this->_('Supprimer la réservation ?') . ' ')']))
+
+                    ->setRow((array_search($hold->getIdDevice(), $devices_ids)) + 1);
+                  },
+                  $holds);
+
+    $holds = (new Class_Entity())
+      ->setNodes($holds)
+      ->setEmptyMessage($this->_('Aucune réservation pour ce site.'))
+      ->setId('holds');
+
     $this->view->subview = $this->view->partial('multimedia/browse.phtml',
                                                 ['titre' => sprintf('Postes du site multimédia "%s"', $location->getLibelle()),
+                                                 'location' => $location,
+                                                 'holds' => $holds,
                                                  'devices' => $devices]);
     $this->_forward('index');
   }
diff --git a/application/modules/admin/views/scripts/multimedia/browse.phtml b/application/modules/admin/views/scripts/multimedia/browse.phtml
index 9e10aaeea8c667459f73d75858ca6a8c79efe18f..fd25ab2110bace0c4c98269fff0c4e0834a28516 100644
--- a/application/modules/admin/views/scripts/multimedia/browse.phtml
+++ b/application/modules/admin/views/scripts/multimedia/browse.phtml
@@ -1,17 +1,30 @@
-<h2><?php echo $this->titre;?></h2>
-<?php if (0 == count($this->devices)) { ?>
-  <div class="infos"><?php echo $this->_('Aucun poste dans ce groupe');?></div>
-<?php } else { ?>
-<?php echo $this->tagModelTable(
-                                $this->devices,
-                                [$this->_('Libellé'), $this->_('Os')],
-                                ['libelle', 'os'],
-                                [ ['action' => 'holds', 
-                                   'content' => function($model) {
-                                      return $this->boutonIco('type=show').$model->numberOfNextHolds().' rés.';
-                                    }] 
-                                  ],
-                                'multimedia_devices',
-                                'group_libelle');?>
-  </table>
-<?php } ?>
\ No newline at end of file
+<?php
+if (0 == count($this->devices)) {
+  echo $this->tag('div', $this->_('Aucun poste dans ce groupe'), ['class' => 'infos']);
+  return;
+}
+
+echo $this->button((new Class_Entity())
+                   ->setText('Changer d\'affichage')
+                   ->setAttribs(['onclick' => '$(this).siblings(\'div.table-view, div.timeline-view\').toggle()']));
+
+echo $this->tag('div',
+                $this->tag('h2', $this->titre)
+                . $this->tagModelTable(
+                                       $this->devices,
+                                       [$this->_('Libellé'), $this->_('Os')],
+                                       ['libelle', 'os'],
+                                       [ ['action' => 'holds',
+                                          'content' => function($model) {
+                                             return $this->boutonIco('type=show').$model->numberOfNextHolds().' rés.';
+                                        }]
+                                     ],
+                                     'multimedia_devices',
+                                       'group_libelle'),
+                ['class' => 'table-view',
+                 'style' => 'display: none']);
+
+echo $this->tag('div',
+                $this->tag('h2', $this->_('Liste des réservations du site "%s"', $this->location->getLibelle()))
+                . $this->tagTimeline($this->holds),
+                ['class' => 'timeline-view']);
\ No newline at end of file
diff --git a/application/modules/opac/controllers/CmsController.php b/application/modules/opac/controllers/CmsController.php
index e1cca78a7d1aecf31cb0184f1452210cb185dbb6..9b90b59ae642c46a3c7cf5d7f24e3db82aa50520 100644
--- a/application/modules/opac/controllers/CmsController.php
+++ b/application/modules/opac/controllers/CmsController.php
@@ -169,6 +169,13 @@ class CmsController extends ZendAfi_Controller_Action {
   }
 
 
+  public function icalAction() {
+    $id_profil = (int)$this->_getParam('id_profil',1);
+    $id_module = (int)$this->_getParam('id_module');
+    $this->_helper->renderIcal($id_profil, $id_module, $this->view);
+  }
+
+
   /**
    * @see ZendAfi_View_Helper_Accueil_MenuVertical
    */
diff --git a/application/modules/opac/views/scripts/abonne/multimedia-hold-device.phtml b/application/modules/opac/views/scripts/abonne/multimedia-hold-device.phtml
index 15d1f14e1544075c3938831decc6a4efb3b64914..ab2be025b6f142a7a7b0c9127ceb19e267e01814 100644
--- a/application/modules/opac/views/scripts/abonne/multimedia-hold-device.phtml
+++ b/application/modules/opac/views/scripts/abonne/multimedia-hold-device.phtml
@@ -17,7 +17,13 @@
   <ul>
   <?php
   foreach ($this->devices as $device)
-    echo '<li>'.$this->tagAnchor(array('device' => $device->getId()), $this->escape($device->getLibelle() . ' (' . $device->getOs() . ')')) . '</li>';
+    echo '<li>'
+    . $this->tagAnchor(
+                       array('device' => $device->getId()),
+                       $this->escape($device->getLibelle()
+                                     . ' (' . $device->getOs() . ')'))
+    . $this->tag('p', $device->getNote())
+    . '</li>';
   ?>
   </ul>
 </div>
diff --git a/cosmogramme/VERSIONS_HOTLINE/50109 b/cosmogramme/VERSIONS_HOTLINE/50109
deleted file mode 100644
index 486966d22b47fe8589d11dc48cc28f7b3009d9d0..0000000000000000000000000000000000000000
--- a/cosmogramme/VERSIONS_HOTLINE/50109
+++ /dev/null
@@ -1,2 +0,0 @@
- - ticket #50109 : Cosmogramme : Les libellés des autorités matières sont mit à jour.
- 
\ No newline at end of file
diff --git a/cosmogramme/VERSIONS_HOTLINE/56781 b/cosmogramme/VERSIONS_HOTLINE/56781
deleted file mode 100644
index 641146988579ed91cc685fcb10c8504f862b2441..0000000000000000000000000000000000000000
--- a/cosmogramme/VERSIONS_HOTLINE/56781
+++ /dev/null
@@ -1 +0,0 @@
- - ticket #56781 : Version mobile / critiques: l'auteur et la date par défaut sont détachées des informations précédentes
\ No newline at end of file
diff --git a/cosmogramme/VERSIONS_HOTLINE/63750 b/cosmogramme/VERSIONS_HOTLINE/63750
deleted file mode 100644
index bd011dabaf62dd8166e707c62486bf4b2dd0cca0..0000000000000000000000000000000000000000
--- a/cosmogramme/VERSIONS_HOTLINE/63750
+++ /dev/null
@@ -1 +0,0 @@
- - ticket #63750 : ajout de mécanismes antispam sur les formulaires de création de compte et de préinscription
\ No newline at end of file
diff --git a/cosmogramme/sql/patch/patch_337.php b/cosmogramme/sql/patch/patch_337.php
index 165708668e25f5a9cb3783412ccc29de8d8158ba..5ac8183002b84e04391da7298fdd10aab6544fca 100644
--- a/cosmogramme/sql/patch/patch_337.php
+++ b/cosmogramme/sql/patch/patch_337.php
@@ -15,4 +15,4 @@ try {
   $adapter->query('alter table album drop column auteur');
   $adapter->query('alter table album drop column editeur');
 } catch(Exception $e) {
-}
+}
\ No newline at end of file
diff --git a/cosmogramme/sql/patch/patch_338.php b/cosmogramme/sql/patch/patch_338.php
new file mode 100644
index 0000000000000000000000000000000000000000..bcfe4344fc7593cf185ae4e27b9d08b676120d39
--- /dev/null
+++ b/cosmogramme/sql/patch/patch_338.php
@@ -0,0 +1,7 @@
+<?php
+$adapter = Zend_Db_Table_Abstract::getDefaultAdapter();
+
+try{
+  $adapter = Zend_Db_Table_Abstract::getDefaultAdapter();
+  $adapter->query('alter table multimedia_device add column note text not null');
+} catch(Exception $e) {}
diff --git a/doc/extern_libs.org b/doc/extern_libs.org
index 32a2592c4a443e5ff1c4215a25a6a0fd3877ae7d..47a0ddc00733aa2936cc04f858e273f250f5424b 100644
--- a/doc/extern_libs.org
+++ b/doc/extern_libs.org
@@ -41,3 +41,5 @@
 | CodeMirror                          | MIT Licence                 |               | Edition code source javascript                                       |                                                            | http://codemirror.net                                                                                                          |
 | Butterfly Lighbox                   | GPL                         | -             | Accessible lightbox plugin                                           |                                                            | http://irama.org/web/dhtml/butterfly/                                                                                          |
 | php-redmine-api                     | MIT                         | -             | A simple Object Oriented wrapper for Redmine API, written with PHP5. |                                                            | https://github.com/kbsali/php-redmine-api                                                                                      |
+| jquery.timeline                     | MIT                         | -             | Lister les réservations des postes multimédia.                       |                                                            | https://github.com/ka215/jquery.timeline                                                                                       |
+
diff --git a/library/Class/Article.php b/library/Class/Article.php
index d8d47af3afb84c25cc5318bb784f88c2a09c0e25..c982e5bd08d9d9af600d37fb850a6bcabddc4e79 100644
--- a/library/Class/Article.php
+++ b/library/Class/Article.php
@@ -578,7 +578,7 @@ class Class_Article extends Storm_Model_Abstract {
                                           'repository_origine' => '',
                                           'refus_message' => '',
                                           'destination_email' => '',
-                                          'all_day' => FALSE,
+                                          'all_day' => false,
                                           'pick_day' => null];
 
 
@@ -1327,6 +1327,11 @@ class Class_Article extends Storm_Model_Abstract {
   }
 
 
+  public function getCategoriePath() {
+    return $this->getCategorie() ? $this->getCategorie()->getPath() : '';
+  }
+
+
   public function getBibId() {
     return $this->getBib() ? $this->getBib()->getId() : '';
   }
@@ -1337,6 +1342,18 @@ class Class_Article extends Storm_Model_Abstract {
   }
 
 
+  public function getLatitude() {
+    if ($location = $this->getLieu())
+      return $location->getLatitude();
+  }
+
+
+  public function getLongitude() {
+    if ($location = $this->getLieu())
+      return $location->getLongitude();
+  }
+
+
   public static function hasEventForMonth($month) {
     return 0 < count(Class_Article::getLoader()->getArticlesByPreferences(['event_date'=>self::getTimeSource()->getMonth($month),
                                                                            'events_only' => true,
diff --git a/library/Class/Calendar.php b/library/Class/Calendar.php
index 894e226cdf299875a8254e0ae41d54dbd50d6e56..53d1d1d7307fd928e80a23efc33f9bfdbf66d74f 100644
--- a/library/Class/Calendar.php
+++ b/library/Class/Calendar.php
@@ -68,9 +68,14 @@ class Class_Calendar {
     return $this->_loadArticles([]);
   }
 
+
   public static function getAllNextEvents($id_module,$profil) {
     $preferences  = $profil->getModuleAccueilPreferences($id_module, 'NEWS');
+    return static::getAllNextEventsByPref($preferences);
+  }
 
+
+  public static function getAllNextEventsByPref($preferences) {
     if (
       array_key_exists('id_categorie', $preferences)
       && ('' != $preferences['id_categorie'])
@@ -91,6 +96,7 @@ class Class_Calendar {
     return $articles;
   }
 
+
   protected function _loadArticles($extra_prefs) {
     if (('all' !== $this->param["SELECT_ID_CAT"]) and ($this->param['DISPLAY_CAT_SELECT']))
       $id_cat = (int)$this->param['SELECT_ID_CAT'];
diff --git a/library/Class/ICal/Event.php b/library/Class/ICal/Event.php
new file mode 100644
index 0000000000000000000000000000000000000000..78bf824501124c5309d62c2cc7157fc4abf95b5f
--- /dev/null
+++ b/library/Class/ICal/Event.php
@@ -0,0 +1,170 @@
+<?php
+/**
+ * Copyright (c) 2012-2017, Agence Française Informatique (AFI). All rights reserved.
+ *
+ * BOKEH is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by
+ * the Free Software Foundation.
+ *
+ * There are special exceptions to the terms and conditions of the AGPL as it
+ * is applied to this software (see README file).
+ *
+ * BOKEH is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+ *
+ * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+ * along with BOKEH; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301  USA
+ */
+
+
+class Class_ICal_Event extends \Eluceo\iCal\Component\Event {
+  protected static $_week_day_map =
+    [
+     0 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_SUNDAY,
+     1 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_MONDAY,
+     2 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_TUESDAY,
+     3 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_WEDNESDAY,
+     4 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_THURSDAY,
+     5 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_FRIDAY,
+     6 => \Eluceo\iCal\Property\Event\RecurrenceRule::WEEKDAY_SATURDAY,
+    ];
+
+  protected
+    $_custom_fields = [],
+    $_image,
+    $_tags;
+
+  public static function newFrom($article, $profil) {
+    $event = new static(Class_Url::absolute([], null, true) . '//' . $article->getId());
+
+    ($article->getAllDay())
+      ? $event->setNoTime(true)
+      : $event->setUseTimezone(true);
+
+    $event->setUniqueId($article->getId());
+    $event->setDtStart(new DateTime($article->getEventsDebut()));
+    $event->setDtEnd(new DateTime($article->getEventsFin()));
+    $event->setSummary($article->getTitre());
+    $event->setCategories($article->getCategoriePath());
+    $event->setLocation($article->getLieuLibelle());
+
+    if (($latitude = $article->getLatitude()) && ($longitude = $article->getLongitude()))
+      $event->setGeoLocation(new \Eluceo\iCal\Property\Event\Geo($latitude, $longitude));
+
+    $text_description = html_entity_decode(strip_tags($article->getFullContent()),
+                                           ENT_QUOTES|ENT_XHTML,
+                                           'UTF-8');
+    $event->setDescription($text_description);
+    $event->setDescriptionHTML($article->getFullContent());
+    if ($image = $article->getFirstImageAbsoluteURL())
+      $event->setImage($image);
+
+    if ($tags = $article->getTags())
+      $event->setTags($tags);
+
+    $event->setUrl(Class_Url::absolute(['controller' => 'cms',
+                                        'action' => 'articleview',
+                                        'id_profil' => $profil->getId(),
+                                        'id' => $article->getId()], null, true));
+
+    $event->addCustomFields($article->getAllCustomFields()->getFieldValues());
+
+    if ($rule = static::recurrenceRuleFor($article)) {
+      $event->addRecurrenceRule($rule);
+
+      $start_date = new DateTime($article->getEventsDebut());
+      if ($article->getAllDay()) {
+        $event->setDtEnd(null);
+        return $event;
+      }
+
+      $end_date = new DateTime($article->getEventsFin());
+      $event->setDtEnd($start_date->setTime($end_date->format('H'),
+                                            $end_date->format('i'),
+                                            $end_date->format('s')));
+    }
+
+    return $event;
+  }
+
+
+  public static function recurrenceRuleFor($article) {
+    if (!$days = $article->getPickDayAsArray())
+      return;
+
+    $rule = new \Eluceo\iCal\Property\Event\RecurrenceRule();
+    $rule->setFreq(\Eluceo\iCal\Property\Event\RecurrenceRule::FREQ_WEEKLY);
+    $conversion_dates = static::$_week_day_map;
+
+    $converted = array_map(function ($day) use ($conversion_dates)
+                           {
+                             return $conversion_dates[$day];
+                           },
+                           $days);
+
+    $rule->setUntil((new DateTime($article->getEventsFin()))->setTime(0, 0, 0));
+    $rule->setByDay($converted);
+
+    return $rule;
+  }
+
+
+  public function buildPropertyBag() {
+    $propertyBag = parent::buildPropertyBag();
+
+    foreach ($this->_custom_fields as $custom_field)
+      $this->addCustomFieldTo($custom_field, $propertyBag);
+
+    if ($this->_image)
+      $propertyBag->set('ATTACH', $this->_image);
+
+    $this->addTagsTo($propertyBag);
+
+    return $propertyBag;
+  }
+
+
+  public function addCustomFieldTo($custom_field, $propertyBag) {
+    if (!$custom_field->getValue())
+      return;
+
+    $propertyBag
+      ->add(new \Eluceo\iCal\Property('X-BOKEH-CUSTOMFIELD',
+                                      new \Eluceo\iCal\Property\RawStringValue($custom_field->getValue()),
+                                      [
+                                       'NAME' => $custom_field->getLabel(),
+                                      ]));
+  }
+
+
+  public function addTagsTo($propertyBag) {
+    if (!$this->_tags)
+      return;
+
+    $propertyBag
+      ->add(new \Eluceo\iCal\Property('X-BOKEH-TAGS',
+                                      new \Eluceo\iCal\Property\RawStringValue($this->_tags),
+                                      []));
+  }
+
+
+  public function addCustomFields($fields) {
+    $this->_custom_fields = $fields;
+    return $this;
+  }
+
+
+  public function setImage($url) {
+    $this->_image = $url;
+    return $this;
+  }
+
+
+  public function setTags($tags) {
+    $this->_tags = $tags;
+    return $this;
+  }
+}
diff --git a/library/Class/Multimedia/Device.php b/library/Class/Multimedia/Device.php
index 8576fbe9831e6638d011db45bf5d36b8b7c499d2..74ec7d7e90203042f73e69f80387006a0a615004 100644
--- a/library/Class/Multimedia/Device.php
+++ b/library/Class/Multimedia/Device.php
@@ -28,11 +28,16 @@ class Multimedia_DeviceLoader extends Storm_Model_Loader {
   public function fromJsonModelWithGroup($json_model, $device_group) {
     if (!$model = $this->findByIdOrigineAndLocation($json_model->id, $device_group->getLocation()))
       $model = $this->newInstance()->setIdOrigine($this->getIdOrigineWithLocation($json_model->id, $device_group->getLocation()));
+    $note = isset($json_model->note)
+      ? $json_model->note
+      : '';
+
     $model
         ->setLibelle($json_model->libelle)
         ->setOs($json_model->os)
         ->setGroup($device_group)
         ->setDisabled($json_model->maintenance)
+        ->setNote($note)
         ->save();
     return $model;
   }
@@ -71,6 +76,7 @@ class Class_Multimedia_Device extends Storm_Model_Abstract {
                                       'order' => 'start',
                                       'dependents' => 'delete']];
 
+  protected $_default_attribute_values = ['note' => ''];
 
   /**
    * @param $start int
@@ -131,14 +137,17 @@ class Class_Multimedia_Device extends Storm_Model_Abstract {
     if (null == ($start = $this->getPreviousStartTime()))
       return null;
 
-    return $this->createHoldWithStartTimeAndDuration($user, $start, $temps);
+    return $this->createHoldWithStartTimeAndDuration($user, $start, $temps, $current_hold);
   }
 
-  public function createHoldWithStartTimeAndDuration($user, $start, $duration){
+
+  public function createHoldWithStartTimeAndDuration($user, $start, $duration, $current_hold = null){
     $end = $this->findHoldEndForTodayFrom($start, $duration );
     if ($end <= $start)
       return null;
 
+    if($current_hold)
+      $current_hold->setEnd($start)->save();
 
     $hold = Class_Multimedia_DeviceHold::getLoader()
         ->newInstance()
@@ -206,12 +215,12 @@ class Class_Multimedia_Device extends Storm_Model_Abstract {
    * @return timestamp
    */
   public function findHoldEndForTodayFrom($start, $temps=null) {
-
-    $nbSlotMax = (!isset($temps)) ? $this->getAutoholdSlotsMax()
-      : ceil($temps / $this->getSlotSize());
+    $nbSlotMax = (!isset($temps))
+      ? (int) $this->getAutoholdSlotsMax()
+      : (int) ceil($temps / $this->getSlotSize());
 
     // fin de créneau par défaut selon config
-    $end = $start + (60 * $nbSlotMax * $this->getSlotSize());
+    $end = (int) $start + (60 * $nbSlotMax * $this->getSlotSize());
 
     // si on dépasse la fin de journée on se limite à la fin de journée
     if ($end > ($next_closing = $this->getMaxTimeForToday()))
@@ -221,6 +230,7 @@ class Class_Multimedia_Device extends Storm_Model_Abstract {
     if (null != ($next_start = $this->getNextHoldStart())
       and $end > $next_start)
       $end = $next_start;
+
     return $end;
   }
 
@@ -323,4 +333,12 @@ class Class_Multimedia_Device extends Storm_Model_Abstract {
                                                    'where' => 'start>='.$this->getTimeSource()->date(),
                                                    'order' => 'start']);
   }
+
+
+  public function getHoldsForTimeline() {
+    return Class_Multimedia_DeviceHold::findAllBy(['role' => 'device',
+                                                   'model' => $this,
+                                                   'where' => 'start >= ' . $this->getTimeSource()->nextMonths(-1),
+                                                   'order' => 'start']);
+  }
 }
\ No newline at end of file
diff --git a/library/Class/Multimedia/DeviceHold.php b/library/Class/Multimedia/DeviceHold.php
index ca6122013d1cd1fc1f6797ab43e7471ee65d2072..21d30b22f013a22c33d7f43814d531b4929f06b0 100644
--- a/library/Class/Multimedia/DeviceHold.php
+++ b/library/Class/Multimedia/DeviceHold.php
@@ -202,6 +202,8 @@ class Class_Multimedia_DeviceHold extends Storm_Model_Abstract {
    * @return string
    */
   public function getUsername() {
+    if(!$this->getUser())
+      return '';
     return $this->getUser()->getNomComplet();
   }
 
diff --git a/library/Class/Multimedia/Opening.php b/library/Class/Multimedia/Opening.php
index d481281a47aba448338ac38d870d8d72a96aa3a8..1ded399172bbcfa28805381574ad6621b01769b3 100644
--- a/library/Class/Multimedia/Opening.php
+++ b/library/Class/Multimedia/Opening.php
@@ -24,8 +24,6 @@ class Class_Multimedia_Opening {
   protected $_matched, $_range_matched, $_range_closed=false;
 
   public function getForDateAndLocation($date, $location) {
-    $this->_matched;
-
     if (!$openings = $location->getOuverturesMultimedia())
       return;
 
diff --git a/library/ZendAfi/Controller/Action/Helper/RenderIcal.php b/library/ZendAfi/Controller/Action/Helper/RenderIcal.php
new file mode 100644
index 0000000000000000000000000000000000000000..0813b97c940c7be8df1e50b8c30631cd6db24bc0
--- /dev/null
+++ b/library/ZendAfi/Controller/Action/Helper/RenderIcal.php
@@ -0,0 +1,93 @@
+<?php
+/**
+ * Copyright (c) 2012-2017, Agence Française Informatique (AFI). All rights reserved.
+ *
+ * BOKEH is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by
+ * the Free Software Foundation.
+ *
+ * There are special exceptions to the terms and conditions of the AGPL as it
+ * is applied to this software (see README file).
+ *
+ * BOKEH is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+ *
+ * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+ * along with BOKEH; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301  USA
+ */
+
+
+class ZendAfi_Controller_Action_Helper_RenderIcal
+  extends Zend_Controller_Action_Helper_Abstract {
+
+  const PRODID = 'http://bokeh-library-portal.org';
+  static protected $_autoloaded = false;
+
+  protected $_profil;
+
+
+  public function direct($id_profil, $id_module, $view) {
+    $this->_view = $view;
+
+    if (!$profil = Class_Profil::find($id_profil))
+      return $this->_render();
+
+    if (!$preferences = $profil->getModuleAccueilPreferences($id_module, 'CALENDAR'))
+      return $this->_render();
+
+    $this->_profil = $profil;
+    $articles = Class_Calendar::getAllNextEventsByPref($preferences);
+
+    $this->_render($articles);
+  }
+
+
+  protected function _render($articles=[]) {
+    $this->_ensureAutoload();
+
+    $vCalendar = new \Eluceo\iCal\Component\Calendar(static::PRODID);
+
+    foreach($articles as $article)
+      $vCalendar->addComponent(Class_ICal_Event::newFrom($article, $this->_profil));
+
+    $this->_actionController
+      ->getHelper('ViewRenderer')->setNoRender();
+
+    $this->_actionController
+      ->getResponse()
+      ->setHeader('Content-Type', 'text/calendar;charset=utf-8');
+
+    $this->_actionController
+      ->getResponse()
+      ->setHeader('Content-Disposition', 'attachment;filename="calendar.ics"');
+
+    echo $vCalendar->render();
+  }
+
+
+  protected function _ensureAutoload() {
+    if (static::$_autoloaded)
+      return;
+
+    $loader = function ($class) {
+      if (false === strpos($class, 'Eluceo\\iCal'))
+        return;
+
+      if ('\\' == substr($class, 0, 1))
+        $class = substr($class, 1);
+
+      $class = str_replace('Eluceo\\iCal\\', '', $class);
+      $class = str_replace('\\', '/', $class);
+      $path = __DIR__ . '/../../../../iCal/src/' . $class . '.php';
+
+      if (file_exists($path))
+        require_once $path;
+    };
+
+    spl_autoload_register($loader);
+    static::$_autoloaded = true;
+  }
+}
diff --git a/library/ZendAfi/View/Helper/TagTimeline.php b/library/ZendAfi/View/Helper/TagTimeline.php
new file mode 100644
index 0000000000000000000000000000000000000000..8329d59f232d902e46164b42fc8b7ebecf7146f8
--- /dev/null
+++ b/library/ZendAfi/View/Helper/TagTimeline.php
@@ -0,0 +1,120 @@
+<?php
+/**
+ * Copyright (c) 2012-2017, Agence Française Informatique (AFI). All rights reserved.
+ *
+ * BOKEH is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by
+ * the Free Software Foundation.
+ *
+ * There are special exceptions to the terms and conditions of the AGPL as it
+ * is applied to this software (see README file).
+ *
+ * BOKEH is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+ *
+ * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+ * along with BOKEH; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301  USA
+ */
+
+
+class ZendAfi_View_Helper_TagTimeline extends ZendAfi_View_Helper_BaseHelper {
+  use Trait_TimeSource;
+
+  protected $_bg_colors = [];
+
+  public function tagTimeline($instance) {
+    if(!$id = $instance->getId())
+      return '';
+
+    if(!$nodes = $instance->getNodes())
+      return $this->_tag('p', $instance->getEmptyMessage(), ['class' => 'info']);
+
+    $nodes_data = [];
+    foreach($nodes as $node)
+      $nodes_data[] = $this->_tag('li',
+                                $node->getLabel(),
+                                ['data-timeline-node' => $this->_getNodeData($node)]);
+
+    Class_ScriptLoader::getInstance()
+      ->addOPACPluginStyleSheet('jquery.timeline-master/dist/timeline.min')
+      ->addOPACPluginScript('jquery.timeline-master/src/timeline')
+      ->addJQueryReady(sprintf('$("#%s").timeline(%s);',
+                               $instance->getId(),
+                               json_encode(['startDatetime' => $this->_getFirstDate($nodes),
+                                            'range' => $this->_getDaysToLastNode($nodes),
+                                            'rangeAlign' => 'current',
+                                            'minGridSize' => 40,
+                                            'minuteInterval' => 15,
+                                            'scale' => 'days',
+                                            'rows' => count($nodes_data) + 1,
+                                            'langsDir' => Class_Url::baseUrl() . '/public/opac/java/jquery.timeline-master/dist/langs/',
+                                            'httpLnaguage' => true])));
+    return $this->_tag('div',
+                       $this->_tag('ul',
+                                   implode($nodes_data),
+                                   ['class' => 'timeline-events']),
+                       ['id' => $instance->getId()])
+      . $this->_tag('div', '', ['class' => 'timeline-event-view']);
+  }
+
+
+  protected function _getNodeData($node) {
+    return str_replace('"',
+                       "'",
+                       json_encode(['start' => date('Y-m-d H:i:s', $node->getStart()),
+                                    'end' => date('Y-m-d H:i:s', $node->getEnd()),
+                                    'row' => $node->getRow(),
+                                    'bgColor' => $this->_getBgColor($node),
+                                    'content' => $this->_tag('p',
+                                                             $node->getContent())]));
+  }
+
+
+  protected function _getBgColor($node) {
+    if($color = $node->getBgColor())
+      return $color;
+
+    return isset($this->_bg_colors[$node->getRow()])
+      ? $this->_bg_colors[$node->getRow()]
+      : $this->_addBgColor(sprintf('#%06X', mt_rand(0, 0xFFFFFF)), $node->getRow());
+  }
+
+
+  protected function _addBgColor($color, $key) {
+    $this->_bg_colors[$key] = $color;
+    return $color;
+  }
+
+
+  protected function _getDaysToLastNode($nodes) {
+    $timestamps = (new Storm_Collection($nodes))
+      ->collect(function($model)
+                {
+                  return $model->getEnd();
+                })
+      ->getArrayCopy();
+
+    $today = $this->getTimeSource()->time();
+    $max = ($max = max($timestamps) > $today)
+      ? $max
+      : $today;
+
+    $min = min($timestamps);
+    $days = ceil(abs($max - $min) / 86400);
+    return ($days ? $days : 1) +1 ;
+  }
+
+
+  protected function _getFirstDate($nodes) {
+    $timestamps = (new Storm_Collection($nodes))
+      ->collect(function($model)
+                {
+                  return $model->getStart();
+                })
+      ->getArrayCopy();
+    return date('Y-m-d', min($timestamps));
+  }
+}
\ No newline at end of file
diff --git a/library/iCal b/library/iCal
new file mode 160000
index 0000000000000000000000000000000000000000..0abf21a719567a9d2e65b6b3b95dcb32976f04a4
--- /dev/null
+++ b/library/iCal
@@ -0,0 +1 @@
+Subproject commit 0abf21a719567a9d2e65b6b3b95dcb32976f04a4
diff --git a/library/startup.php b/library/startup.php
index 8ccbef61d8946ce538bafd0f1de1e79ba1aa7f54..7cec08664e424acf2b074faf7cfc2835e92b6e12 100644
--- a/library/startup.php
+++ b/library/startup.php
@@ -82,7 +82,7 @@ class Bokeh_Engine {
 
   function setupConstants() {
     defineConstant('BOKEH_MAJOR_VERSION','7.11');
-    defineConstant('BOKEH_RELEASE_NUMBER', BOKEH_MAJOR_VERSION . '.8');
+    defineConstant('BOKEH_RELEASE_NUMBER', BOKEH_MAJOR_VERSION . '.9');
 
     defineConstant('BOKEH_REMOTE_FILES', 'http://git.afi-sa.fr/afi/opacce/');
 
diff --git a/public/opac/java/jquery.timeline-master/.eslintrc b/public/opac/java/jquery.timeline-master/.eslintrc
new file mode 100644
index 0000000000000000000000000000000000000000..9efa52b12092fa9e60811182426e4bd8c36bdea0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/.eslintrc
@@ -0,0 +1,11 @@
+{
+  "extends": "eslint:recommended",
+  "env": {
+    "browser": true,
+    "jquery": true
+  },
+  "rules": {
+    "no-unused-vars": ["warn", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
+    "no-console" : 1
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/.gitignore b/public/opac/java/jquery.timeline-master/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..7f8cc49fd27825792810d54d5c231154178f6a8a
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+dist/imgs/
+*.org.*
+docs/debug*
diff --git a/public/opac/java/jquery.timeline-master/LICENSE b/public/opac/java/jquery.timeline-master/LICENSE
new file mode 100644
index 0000000000000000000000000000000000000000..dd3bdad950b97514ead09d3d1b21667bd79a3b1c
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 ka2
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/public/opac/java/jquery.timeline-master/README.md b/public/opac/java/jquery.timeline-master/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..664184cb8c72454ee3de921ae1c8952714be1892
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/README.md
@@ -0,0 +1,399 @@
+[![Packagist](https://img.shields.io/packagist/l/doctrine/orm.svg)](https://raw.githubusercontent.com/ka215/jquery.timeline/master/LICENSE)
+
+jQuery.Timeline
+===
+
+You are able to easily create two types of horizontal timeline with this jQuery plugin.
+
+![jQuery.Timeline Image](https://ka215.github.io/jquery.timeline/imgs/jquery_timeline_image.png)
+
+## DEMO
+
+For various examples, please see here:
+
+* [Bar Type Timeline](https://ka215.github.io/jquery.timeline/index.html)
+* [Point Type Timeline](https://ka215.github.io/jquery.timeline/index2.html)
+* [Multi Languages](https://ka215.github.io/jquery.timeline/index3.html)
+
+## Browser Support
+jQuery.Timeline supports the following browsers:
+
+* **Chrome** : Recommended latest version as active support
+* **Firefox** :  Recommended latest version as active support
+* **Safari** : Recommended latest version as active support
+* **Opera** : Recommended latest version as active support
+* **Edge** : Recommended latest version as active support
+* **IE** : Recommended latest version as active support
+
+## Dependencies
+
+JQuery.Timeline works normal operation with jQuery version **1.9.0** or later. We recommend that you use the latest version **3.x**.
+
+## Usage
+
+Use resources in the dist directory in the repository package.
+
+```html
+<link rel="stylesheet" href="./dist/timeline.min.css">
+<script src="./dist/timeline.min.js"></script>
+```
+
+### HTML:
+
+```html
+<!-- Timeline Block -->
+<div id="myTimeline">
+  <ul class="timeline-events">
+    <li data-timeline-node="{ start:'2017-05-26 10:00',end:'2017-05-26 13:00',content:'text text text text ...' }">Event Label</li>
+    <li data-timeline-node="{ start:'2017-05-26 23:10',end:'2017-05-27 1:30',content:'<p>In this way, you can include <em>HTML tags</em> in the event body.<br>:<br>:</p>' }">Event Label</li>
+  </ul>
+</div>
+
+<!-- Timeline Event Detail View Area (optional) -->
+<div class="timeline-event-view"></div>
+```
+
+**Note**: The tag of the event list wrapped in the timeline block is not "**ul**" fixed. If the class name is a "**timeline-events**", it can be a "**div**" tag or the like.
+
+### jQuery:
+
+```javascript
+$(function () {
+  $("#myTimeline").timeline();
+});
+```
+
+## Options
+
+You can pass options on plugin initialization. For example:
+
+```javascript
+$("#myTimeline").timeline({
+  startDatetime: '2017-05-25',
+  rows: 6,
+  datetimeFormat: { meta: 'g:i A, D F j, Y' },
+  rangeAlign: 'center'
+});
+```
+
+| Option | Type | Default | Description |
+|--------|------|:--------|-------------|
+| type | String | bar | View type of timeline event is either "**bar**" or "**point**" |
+| scale | String | days | Timetable's top level scale is either "**years**" or "**months**" or "**days**" |
+| startDatetime | String | currently | Default set datetime as viewing timetable; format is `"^[-+]d{4}(/\|-)d{2}(/\|-)d{2}\sd{2}:d{2}:d{2}$"` or "**currently**" |
+| datetimePrefix | String |  | The prefix of the date and time notation displayed in the headline |
+| showHeadline | Boolean | true | Whether to display headline |
+| datetimeFormat | Object | `{full:"j M Y", year:"Y", month:"M", day:"D, j M", years:"Y", months:"F", days:"j", meta:"Y/m/d H:i", metato:""}` | Available formats are here: [fn.date.js](https://gist.github.com/ka215/20cbab58e4f7d4e5508a07cff8d64b00); Since version 1.0.3, it's able to define the date format displayed in the meta field of the event detail. In addition, it can be specified as a language JSON file for multilingual support. |
+| minuteInterval | Integer | 30 | Recommend more than 5 minutes; only if top scale is "days" (Deprecated) |
+| zerofillYear | Boolean | false | It's outputted at the "0099" if true, the "99" if false |
+| range | Integer | 3 | The default view range of the timetable starting from the "startDatetime" |
+| rows | Integer | 5 | Rows of timeline event area |
+| rowHeight | Integer | 40 | Height of one row |
+| height | Mixed | auto | Fixed height (pixel) of timeline event area; default "auto" is (rows * rowHeight)px |
+| minGridPer | Integer | 2 | Minimum grid per |
+| minGridSize | Integer | 30 | Minimum size (pixel) of timeline grid; It needs 5 pixels or more |
+| rangeAlign | String | current | Possible values are "**left**", "**center**", "**right**", "**current**", "**latest**" and **specific event id**
+| naviIcon | Object | `{left:"jqtl-circle-left", right:"jqtl-circle-right"}` | Define class name |
+| showPointer | Boolean | true | Whether to display needle pointer on the current datetime |
+| i18n | Object | (omission) | Define translated text for internationalization of datetime format converted by datetime format. For details, refer to the section on [Internationalization](#Internationalization). |
+| langsDir | String | ./langs/ | Since ver.1.0.3, you can specify the path that stores the language files for multilingualization. Please specify by relative path or absolute URL from HTML where js script is loaded. |
+| httpLanguage | Boolean | false | Whether to obtain the language setting of the browsing environment from the server side header. |
+
+
+## Methods
+
+The initialized Timeline object can do various operations by using method. It is also possible to execute multiple methods by chaining each method.
+
+```javascript
+$("#myTimeline").timeline({
+  type  : "bar",
+  range : 5
+}).timeline("initialized", function( self, data ){ 
+  console.log([ "user's callback", self, data ]);
+});
+```
+
+| Method | Description | Arguments | Usage |
+|--------|:------------|-----------|:-------|
+| initialized | Called after plugin initialization, just before timeline block is rendered. | Callback Function | `$.timeline('initialized', function( self, data ){ alert('initialization complete!'); });` |
+| destroy | Destroy the timeline object created by the plugin. | - | `$.timeline('destroy');` |
+| show | Display hidden timeline objects. | - | `$.timeline('show');` |
+| hide | Hide the displayed timeline object. | - | `$.timeline('hide');` |
+| render | Re-render the timeline block. At this time, the event operated by the method is discarded and only the initial event is placed. | - |  |
+| dateback | Put the timeline back to the past. It is the same as clicking on the left navigation icon. | - | `$.timeline('dateback');` |
+| dateforth | Go forth the timeline to the future. It is the same as clicking the right navigation icon. | - | `$.timeline('dateforth');` |
+| alignment | Adjust the center position of the timeline. | - | `$.timeline('alignment', 'center');` |
+| getOptions | Get all option values for timeline. | - | `var tlOptions = $('#myTimeline').timeline('getOptions');` |
+| addEvent | Add any events to the timeline. You can also specify a callback function after adding an event. | Array, Callback Function (optional) | `$.timeline('addEvent', [ {start:'2017-6-1 00:00',end:'2017-6-1 02:00',row:2,label:'Add Event',content:'test'} ], function( self, data ){ alert('Added Event!'); });` |
+| removeEvent | Removes the specified event from the timeline. To specify the event, use the event ID. | Array, Callback Function (optional) | `$.timeline('removeEvent', [ 6, 7 ]);`
+| updateEvent | Updates the contents of the specified event. It is possible to update multiple events simultaneously. | Array, Callback Function (optional) | `$.timeline('updateEvent', [ {eventId:3, start:'2017-5-29 13:00',end:'2017-5-29 15:30', row:1, label:'Updated Event', bgColor:'#aaaab0', color:'#d70035'} ]);` |
+| openEvent | Called back when an event is clicked. | (object) | Unlike other methods, the processing specified by the event parameter callback ([to be described later](#Event Parameters)) is invoked. |
+
+## Handling Events (since v1.0.5)
+
+Since version 1.0.5, the custom events are triggered according to the state of timeline objects. This allows you to bind your own processing to a custom event.
+
+```javascript
+$("#myTimeline").on("afterRender.timeline", function( e, options ) {
+  // Do something
+});
+```
+
+| Event | Description | Arguments |
+|--------|:------------|-----------|
+| afterRender.timeline | Fired after rendering completely a timeline object. | options (object) |
+
+## Event Parameters
+
+Events placed on the timeline have parameters for display. You can specify this event parameter either by directly marking up in HTML or by using a method.
+
+### Directly markup on HTML
+
+```html
+<div class="timeline-events">
+  <div>This event is ignored because it is an invalid event</div>
+  <div data-timeline-node="{ start:'2017-01-01 00:00',end:'2017-01-01 13:00',content:'Fill in the text of the event.' }">This is a valid event</div>
+  <div data-timeline-node="{ start:'2017-01-01 00:00',end:'2017-01-01 13:00',content:'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...' }">Lorem Ipsum</div>
+</div>
+```
+
+> **Note**: Event lists that do not have a "data-timeline-node" attribute are ignored when initializing timeline objects and are not placed on the timeline.
+
+### Using methods
+
+```javascript
+$('myTimeline').timeline()
+.timeline( 'addEvent', [
+  {start:'2017-1-1 08:00',end:'2017-1-1 10:00',label:'Event 1',content:'Event body'},
+  {start:'2017-1-1 09:30',end:'2017-1-1 10:15',label:'Event 2',content:'Event body'}
+],
+function( self, data ){
+  console.log('Events addition successfully!');
+});
+```
+
+### Event Parameter List
+
+| Parameter | Type | Timeline Type | Description |
+|------------|---------|-----------------|-----|
+| eventId | Integer | bar/point | It must be an integer value equal to or greater than 1 and it must be a unique value in the event list. It can be omitted as a parameter, and if omitted, it will be automatically issued at plugin initialization. |
+| start | String | bar/point | Event start datetime. Specify it like `2017-1-1 0:00` or `2017/01/02 01:23` |
+| end | String | bar | Event end datetime. Ignored if the timeline type is point. The usable format is the same as start. |
+| row | Integer | bar/point | The display line (vertical position) on the timeline. An integer value of 1 or more. If not specified, this will be the first line (top row) event. | 
+| label | String | bar/point | Event title. When marking up with HTML, the text part of the event list tag is used as a label. |
+| content | String | bar/point | Event body. If there is an event detail display area, it will be displayed there. |
+| bgColor | String | bar/point | The background color of the event node block displayed on the timeline. |
+| color | String | bar/point | The text color of the event node block displayed on the timeline. |
+| bdColor | String | point | Valid when the timeline type is point. The border color of the event node block displayed on the timeline. |
+| image | String | point | Valid only when the timeline type is point. It is a thumbnail image of the event node block displayed on the timeline. |
+| margin | Integer | point | Valid only when the timeline type is point. The margin of the event node block. The initial value is 2 pixels, and by increasing the value you can reduce the size of the event node block. It can be specified less than half the width of the optional rowHeight. |
+| extend | Object | bar/point | An arbitrary value can be set in the key and value format as the user extension parameter of the event node block. This parameter value can be referred to in a callback event. |
+| callback | JavaScript | bar/point | You can define additional processing when an event is clicked. The processing defined here is treated after the "**openEvent**" method. |
+| relation | Object | point | Valid only when the timeline type is point. If there is an event connected to itself before and after the event, its event and its own event are connected by a line by defining a concatenated event. |
+
+### Event Relation Line
+
+When the timeline type is point, each event can be concatenated with a line. To set the connection line, use the "**relation**" parameter at each event and specify the event ID before and after connecting to the event.
+The setting values that can be specified by the relation parameter are as follows.
+
+| Property | Type | Value | Description |
+|------------|-------|----|-----|
+| before | Numeric | eventId | Specify the event ID to be concatenated before (left side) its own event. By specifying `-1`, you can draw a line from outside the timeline area (the left edge of the display area). |
+| after | Numeric | eventId | Specify the event ID to be concatenated after (right side) its own event. By specifying `-1`, you can draw a line outside the timeline area (the right end of the display area). |
+| linesize | Integer | pixels | Specify the thickness of the connection line. |
+| linecolor | String | color code | Specify the color of the connection line. |
+| curve | String | Any of `lt`,`rt`,`rb`,`lb` | Line can be curved when connecting to events of a line different from own event. Specify the curved direction at that time. For example, to concatenate to the upper left event specified by before, specify `lb`. |
+
+#### Example of lines
+
+##### Basic
+
+When linking from itself (event ID: 2) to past event (event ID: 1):
+
+```html
+<ol class="timeline-events">
+  <li data-timeline-node="{ eventId:1, start:'2017-5-25 12:00',row:2 }">Event 1</li>
+  <li data-timeline-node="{ eventId:2, start:'2017-5-27 20:00',row:2,relation:{before:1} }">Event 2</li>
+</ol>
+```
+
+![Straight connection](https://ka215.github.io/jquery.timeline/imgs/jquery_timeline_point_type_relayline_basic.png)
+
+##### Curve
+
+When concatenating by curved line from itself (event ID: 2) to a past event (event ID: 1) of a different line:
+
+```html
+<dl class="timeline-events">
+  <dd data-timeline-node="{ eventId:1, start:'2017-5-25 12:00',row:2 }">Event 1</dd>
+  <dd data-timeline-node="{ eventId:2, start:'2017-5-27 20:00',row:3,relation:{before:1,curve:'lb'} }">Event 2</dd>
+</dl>
+```
+
+![Curve connection](https://ka215.github.io/jquery.timeline/imgs/jquery_timeline_point_type_relayline_curve.png)
+
+
+## Internationalization
+
+This plugin has a function to internationalize the date and time format text to be output and to define translated text according to the language to be used. When using this function, please add the following option when initializing the timeline object.
+
+```javascript
+$("#myTimeline").timeline({
+  i18n : {
+    month: { 'Jan.': 'Januar', 'Feb.': 'Februar', 'März': 'März', 'Apr.': 'April', 'Mai': 'Mai', 'Juni': 'Juni', 'Juli': 'Juli', 'Aug.': 'August', 'Sept.': 'September', 'Okt.': 'Oktober', 'Nov.': 'November', 'Dez.': 'Dezember' },
+    day: { 'So': 'Sonntag', 'Mo': 'Montag', 'Di': 'Dienstag', 'Mi': 'Mittwoch', 'Do': 'Donnerstag', 'Fr': 'Freitag', 'Sa': 'Samstag' },
+    ma: [ 'vorm.', 'nachm.' ]
+  }
+});
+```
+
+> **Note**: The above is an example of defining translation text in German.
+
+### Multilingualization
+
+Since version 1.0.3, multilingual support enhanced. By placing any required language files (as the JSON format) on the "langs" folder, the translated text defined in the JSON file is applied according the language setting of the browser.
+
+```json
+{
+  "month": {
+    "Jan": "January",
+    "Feb": "February",
+    "Mar": "March",
+    "Apr": "April",
+    "May": "May",
+    "Jun": "June",
+    "Jul": "July",
+    "Aug": "August",
+    "Sep": "September",
+    "Oct": "October",
+    "Nov": "November",
+    "Dec": "December"
+  },
+  "day": {
+    "Sun": "Sunday",
+    "Mon": "Monday",
+    "Tue": "Tuesday",
+    "Wed": "Wednesday",
+    "Thu": "Thurseday",
+    "Fri": "Friday",
+    "Sat": "Saturday"
+  },
+  "ma": [
+    "am",
+    "pm"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
+```
+
+> **Note**: The above is an "en-US.json" that defined translation text in English.
+
+## TIPS
+
+Some practical TIPS are as follows:
+
+### 1. Display event details in bootstrap's modal window
+
+First, we set up an event detail area in the body block (.modal-body) of the modal window.
+
+```html
+<div class="modal fade" id="myModal">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title"></h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="timeline-event-view"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+Set the callback of the event parameter to the call of the modal window.
+
+```html
+<div id="myTimeline">
+  <div class="timeline-events">
+    <div data-timeline-node="{ start:'2017-05-26 12:45',end:'2017-05-26 13:45',callback:'$(\'#myModal\').modal()',content:'Show modal window via bootstrap' }">Event having callback</div>
+  </div>
+</div>
+```
+
+When an event on the timeline is clicked, event details will be displayed in the modal window.
+
+### 2. Apply bootstrap tooltip to events on timeline
+
+You will define options for tooltip control in the extended setting of event parameters.
+
+```html
+<div id="myTimeline">
+  <ul class="timeline-events">
+    <li data-timeline-node="{ start:'2017-05-26 16:08',end:'2017-05-26 17:54',row:2,extend:{toggle:'popover',placement:'bottom',content:'Show popover via bootstrap'} }">Event with popover</li>
+  </ul>
+</div>
+```
+
+Make the tooltip bind to the event node block rendered in JavaScript.
+
+```javascript
+$('.timeline-node').each(function(){
+  if ( $(this).data('toggle') === 'popover' ) {
+    $(this).attr( 'title', $(this).text() );
+    $(this).popover({
+      trigger: 'hover'
+    });
+  }
+});
+```
+
+Now when you mouse over the event on the timeline you will see the tooltip.
+
+> **Note**: In Bootstrap version 4.x, errors may occur when tooltips are used. In that case, it may be solved by inclusion of the [tether](http://tether.io/) plugin.
+
+### 3. Bind a custom function to an "openEvent" method
+
+The custom function you want to call should be defined on the global scope.
+
+```html
+<div id="myTimeline">
+  <ul class="timeline-events">
+    <li data-timeline-node="{ start:'2017-06-20 08:00',end:'2017-06-20 12:00', callback:'$.openMyEvent()', extend:{'prop':'value'} }">Example Event</li>
+  </ul>
+</div>
+```
+
+```javascript
+$.openMyEvent = function() {
+  console.log('openEvent - event clicked...');
+  // Retrieve extended data from an opened event 
+  console.info( $('.timeline-node.active').data() );
+};
+```
+
+## Note
+
+We posted a Japanese manual here:
+
+[https://ka2.org/](https://ka2.org/released-jquery-timeline-for-easily-generating-two-type-horizontal-timeline/)
+
+## License
+
+This plugin is available under [the MIT license](https://opensource.org/licenses/mit-license.php).
diff --git a/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.eot b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.eot
new file mode 100644
index 0000000000000000000000000000000000000000..b91e7e935212a59f1e9cfb22ceca624d4fe37509
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.eot differ
diff --git a/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.svg b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ee61ae6a278ff412d22dd0b0550079ee97e11c3d
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+<json>
+<![CDATA[
+{
+	"fontFamily": "jQueryTimeline",
+	"majorVersion": 1,
+	"minorVersion": 0,
+	"license": "MIT",
+	"copyright": "ka2.org",
+	"designer": "ka2@ka2.org",
+	"designerURL": "https://ka2.org/",
+	"version": "Version 1.0",
+	"fontId": "jQueryTimeline",
+	"psName": "jQueryTimeline",
+	"subFamily": "Regular",
+	"fullName": "jQueryTimeline",
+	"description": "Font generated by IcoMoon."
+}
+]]>
+</json>
+</metadata>
+<defs>
+<font id="jQueryTimeline" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xea37;" glyph-name="pushpin" data-tags="pushpin, pin" d="M512 960c-141.384 0-256-114.616-256-256 0-119.286 81.586-219.516 192-247.934v-488.066l128 128v360.066c110.414 28.418 192 128.65 192 247.934 0 141.384-114.614 256-256 256zM448 704c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.652-64-64-64z" />
+<glyph unicode="&#xea60;" glyph-name="calendar" data-tags="calendar, date, schedule, time, day" d="M320 576h128v-128h-128zM512 576h128v-128h-128zM704 576h128v-128h-128zM128 192h128v-128h-128zM320 192h128v-128h-128zM512 192h128v-128h-128zM320 384h128v-128h-128zM512 384h128v-128h-128zM704 384h128v-128h-128zM128 384h128v-128h-128zM832 960v-64h-128v64h-448v-64h-128v64h-128v-1024h960v1024h-128zM896 0h-832v704h832v-704z" />
+<glyph unicode="&#xeb24;" glyph-name="spinner" data-tags="spinner, loading, loading-wheel, busy, wait" d="M512 656.904c-32.964 0-59.686 26.724-59.686 59.686v179.060c0 32.964 26.722 59.686 59.686 59.686 32.962 0 59.688-26.722 59.688-59.686v-179.060c0-32.964-26.726-59.686-59.688-59.686zM512-36.956c-20.602 0-37.304 16.702-37.304 37.304v179.060c0 20.602 16.702 37.304 37.304 37.304 20.604 0 37.304-16.704 37.304-37.304v-179.060c0-20.602-16.7-37.304-37.304-37.304zM377.756 624.64c-19.34 0-38.146 10.034-48.512 27.988l-89.53 155.070c-15.452 26.764-6.282 60.986 20.482 76.438 26.762 15.45 60.986 6.284 76.438-20.482l89.53-155.072c15.452-26.764 6.282-60.986-20.482-76.438-8.81-5.084-18.432-7.504-27.926-7.504zM735.856 26.744c-11.602 0-22.886 6.022-29.108 16.792l-89.53 155.070c-9.27 16.056-3.77 36.592 12.29 45.864 16.056 9.264 36.59 3.77 45.864-12.292l89.532-155.068c9.27-16.058 3.768-36.592-12.292-45.864-5.286-3.048-11.060-4.502-16.756-4.502zM279.344 530.060c-8.86 0-17.838 2.256-26.064 7.006l-155.072 89.53c-24.978 14.422-33.538 46.362-19.116 71.342 14.42 24.978 46.364 33.538 71.342 19.116l155.070-89.53c24.98-14.422 33.538-46.362 19.116-71.34-9.668-16.756-27.226-26.124-45.276-26.124zM899.648 194.326c-5.064 0-10.196 1.29-14.894 4.004l-155.068 89.53c-14.274 8.24-19.164 26.494-10.924 40.768 8.242 14.276 26.496 19.166 40.766 10.924l155.070-89.532c14.274-8.24 19.164-26.492 10.924-40.766-5.53-9.574-15.562-14.928-25.874-14.928zM243.41 399.504h-179.060c-26.784 0-48.496 21.712-48.496 48.496s21.712 48.496 48.496 48.496h179.060c26.784 0 48.496-21.712 48.496-48.496s-21.712-48.496-48.496-48.496zM959.65 418.156c-0.002 0 0 0 0 0h-179.060c-16.482 0.002-29.844 13.364-29.844 29.844s13.364 29.844 29.844 29.844c0.002 0 0 0 0 0h179.060c16.482 0 29.844-13.362 29.844-29.844 0-16.48-13.364-29.844-29.844-29.844zM124.366 179.402c-15.472 0-30.518 8.028-38.81 22.39-12.362 21.41-5.026 48.79 16.384 61.148l155.072 89.532c21.41 12.368 48.79 5.028 61.15-16.384 12.362-21.412 5.026-48.79-16.384-61.15l-155.072-89.53c-7.050-4.070-14.748-6.006-22.34-6.006zM744.632 552.448c-10.314 0-20.346 5.352-25.874 14.926-8.24 14.274-3.35 32.526 10.924 40.768l155.070 89.528c14.272 8.236 32.526 3.352 40.768-10.922 8.24-14.274 3.35-32.526-10.924-40.768l-155.070-89.528c-4.7-2.714-9.83-4.004-14.894-4.004zM288.136 19.284c-6.962 0-14.016 1.774-20.48 5.504-19.626 11.332-26.35 36.428-15.020 56.054l89.53 155.070c11.33 19.628 36.426 26.352 56.054 15.022 19.626-11.332 26.35-36.43 15.020-56.054l-89.53-155.072c-7.598-13.166-21.392-20.524-35.574-20.524zM646.266 650.758c-5.062 0-10.196 1.29-14.894 4.002-14.274 8.242-19.164 26.494-10.924 40.766l89.534 155.070c8.24 14.274 26.492 19.166 40.766 10.922 14.274-8.242 19.164-26.494 10.924-40.766l-89.532-155.070c-5.53-9.57-15.56-14.924-25.874-14.924z" />
+<glyph unicode="&#xec5b;" glyph-name="more" data-tags="more, dots, menu" d="M384 896h256v-256h-256zM384 576h256v-256h-256zM384 256h256v-256h-256z" />
+<glyph unicode="&#xec5c;" glyph-name="more-horizontal" data-tags="more, dots, menu" d="M384 768c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128zM384 448c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128zM384 128c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128z" />
+<glyph unicode="&#xec6a;" glyph-name="more-vertical" data-tags="menu, dots, more" d="M832 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128zM512 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128zM192 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128z" />
+<glyph unicode="&#xec6b;" glyph-name="dot" data-tags="circle-small" d="M320 448c0 106.039 85.961 192 192 192s192-85.961 192-192c0-106.039-85.961-192-192-192s-192 85.961-192 192z" />
+<glyph unicode="&#xed5d;" glyph-name="plus" data-tags="plus, add, sum" d="M960 512h-384v384h-128v-384h-384v-128h384v-384h128v384h384z" />
+<glyph unicode="&#xed5e;" glyph-name="minus" data-tags="minus, subtract, line" d="M64 512h896v-128h-896v128z" />
+<glyph unicode="&#xed6d;" glyph-name="cross" data-tags="cross, cancel, close, quit, remove" d="M893.254 738.746l-90.508 90.508-290.746-290.744-290.746 290.744-90.508-90.506 290.746-290.748-290.746-290.746 90.508-90.508 290.746 290.746 290.746-290.746 90.508 90.51-290.744 290.744z" />
+<glyph unicode="&#xedee;" glyph-name="circle-right" data-tags="circle-right, right, circle-next, arrow" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM544 192l256 256-256 256-96-96 96-96h-288v-128h288l-96-96z" />
+<glyph unicode="&#xedf2;" glyph-name="circle-left" data-tags="circle-left, left, circle-previous, arrow" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512c-282.77 0-512-229.23-512-512s229.23-512 512-512zM512 864c229.75 0 416-186.25 416-416s-186.25-416-416-416c-229.75 0-416 186.25-416 416s186.25 416 416 416zM480 704l-256-256 256-256 96 96-96 96h288v128h-288l96 96z" />
+<glyph unicode="&#xedf6;" glyph-name="circle-fill-right" data-tags="circle-right, right, circle-next, arrow" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512-512-229.23-512-512 229.23-512 512-512zM192 512h351.998l-127.998 128 95.998 96 288.002-288-288.002-288-95.998 96 127.998 128h-351.998v128z" />
+<glyph unicode="&#xedfa;" glyph-name="circle-fill-left" data-tags="circle-left, left, circle-previous, arrow" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM832 384h-351.998l127.998-128-95.998-96-288.002 288 288.002 288 95.998-96-127.998-128h351.998v-128z" />
+<glyph unicode="&#xee29;" glyph-name="arrow-down" data-tags="arrow-down, down, arrow-bottom, download" d="M512-64l448 1024-448-192-448 192z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.ttf b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..abe6b93e24a0dcd5dec924cb8d40d9fff7357cba
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.ttf differ
diff --git a/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.woff b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.woff
new file mode 100644
index 0000000000000000000000000000000000000000..4da20d1381a765fbfc51629f01a9e04994dee129
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/dist/fonts/jQueryTimeline.woff differ
diff --git a/public/opac/java/jquery.timeline-master/dist/langs/de-de.json b/public/opac/java/jquery.timeline-master/dist/langs/de-de.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ced1ee31865d62d47e7204cf288103f803b0bd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/langs/de-de.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Januar",
+    "Feb.": "Februar",
+    "März": "März",
+    "Apr.": "April",
+    "Mai": "Mai",
+    "Juni": "Juni",
+    "Juli": "Juli",
+    "Aug.": "August",
+    "Sept.": "September",
+    "Okt.": "Oktober",
+    "Nov.": "November",
+    "Dec.": "December"
+  },
+  "day": {
+    "Mo": "Montag",
+    "Di": "Dienstag",
+    "Mi": "Mittwoch",
+    "Do": "Donnerstag",
+    "Fr": "Freitag",
+    "Sa": "Samstag",
+    "So": "Sonntag"
+  },
+  "ma": [
+    "vorm.",
+    "nachm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/dist/langs/en-US.json b/public/opac/java/jquery.timeline-master/dist/langs/en-US.json
new file mode 100644
index 0000000000000000000000000000000000000000..c2777a93a167c98e0849f6418c7b8c6a40f2b7a2
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/langs/en-US.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan": "January",
+    "Feb": "February",
+    "Mar": "March",
+    "Apr": "April",
+    "May": "May",
+    "Jun": "June",
+    "Jul": "July",
+    "Aug": "August",
+    "Sep": "September",
+    "Oct": "October",
+    "Nov": "November",
+    "Dec": "December"
+  },
+  "day": {
+    "Sun": "Sunday",
+    "Mon": "Monday",
+    "Tue": "Tuesday",
+    "Wed": "Wednesday",
+    "Thu": "Thurseday",
+    "Fri": "Friday",
+    "Sat": "Saturday"
+  },
+  "ma": [
+    "am",
+    "pm"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/dist/langs/fr-FR.json b/public/opac/java/jquery.timeline-master/dist/langs/fr-FR.json
new file mode 100644
index 0000000000000000000000000000000000000000..992178da53c0ce98fb969c2f436849c03c5e4748
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/langs/fr-FR.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Janvier",
+    "Fév.": "Février",
+    "Mars": "Mars",
+    "Avr.": "Avril",
+    "Mai": "Mai",
+    "Juin": "Juin",
+    "Juillet": "Juillet",
+    "Août.": "Août",
+    "Sept.": "Septembre",
+    "Oct.": "Octobre",
+    "Nov.": "Novembre",
+    "Déc.": "Décembre"
+  },
+  "day": {
+    "Dimanche": "Dimanche",
+    "Lundi": "Lundi",
+    "Mardi": "Mardi",
+    "Mercredi": "Mercredi",
+    "Jeudi": "Jeudi",
+    "Vendredi": "Vendredi",
+    "Samedi": "Samedi"
+  },
+  "ma": [
+    "du matin",
+    "de l'après midi"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/dist/langs/ja.json b/public/opac/java/jquery.timeline-master/dist/langs/ja.json
new file mode 100644
index 0000000000000000000000000000000000000000..04c8f94d0f7a06eb4ecd19625e1ceeae518d3885
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/langs/ja.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "一月": "睦月",
+    "二月": "如月",
+    "三月": "弥生",
+    "四月": "卯月",
+    "五月": "皐月",
+    "六月": "水無月",
+    "七月": "文月",
+    "八月": "葉月",
+    "九月": "長月",
+    "十月": "神無月",
+    "十一月": "霜月",
+    "十二月": "師走"
+  },
+  "day": {
+    "日": "日曜",
+    "月": "月曜",
+    "火": "火曜",
+    "水": "水曜",
+    "木": "木曜",
+    "金": "金曜",
+    "土": "土曜"
+  },
+  "ma": [
+    "午前",
+    "午後"
+  ],
+  "format": {
+    "full": "Y年m月j日",
+    "year": "Yå¹´",
+    "month": "Yå¹´M",
+    "day": "m月j日（D）",
+    "years": "Yå¹´",
+    "months": "F",
+    "days": "j（D）",
+    "meta": "Y年m月j日 H:i",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/dist/timeline.min.css b/public/opac/java/jquery.timeline-master/dist/timeline.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..fe60149d2054437165faa20e1f74ebbd27f0db96
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/timeline.min.css
@@ -0,0 +1,8 @@
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Coded by: ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */@font-face{font-family:jQueryTimeline;src:url(fonts/jQueryTimeline.eot?t4qpol);src:url(fonts/jQueryTimeline.eot?t4qpol#iefix) format("embedded-opentype"),url(fonts/jQueryTimeline.ttf?t4qpol) format("truetype"),url(fonts/jQueryTimeline.woff?t4qpol) format("woff"),url(fonts/jQueryTimeline.svg?t4qpol#jQueryTimeline) format("svg");font-weight:400;font-style:normal}[class*=" jqtl-"],[class^=jqtl-]{font-family:jQueryTimeline!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jqtl-pushpin:before{content:"\ea37"}.jqtl-calendar:before{content:"\ea60"}.jqtl-spinner:before{content:"\eb24"}.jqtl-more:before{content:"\ec5b"}.jqtl-more-horizontal:before{content:"\ec5c"}.jqtl-more-vertical:before{content:"\ec6a"}.jqtl-dot:before{content:"\ec6b"}.jqtl-plus:before{content:"\ed5d"}.jqtl-minus:before{content:"\ed5e"}.jqtl-cross:before{content:"\ed6d"}.jqtl-circle-right:before{content:"\edee"}.jqtl-circle-left:before{content:"\edf2"}.jqtl-circle-fill-right:before{content:"\edf6"}.jqtl-circle-fill-left:before{content:"\edfa"}.jqtl-arrow-down:before{content:"\ee29"}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-container{position:relative;display:block;visibility:hidden;margin:15px;font-size:1rem;line-height:1.5}.timeline-header{text-align:left}.timeline-headline{margin-top:0;margin-bottom:.5rem;font-family:inherit;font-size:1.3rem;font-weight:500;line-height:1.1;color:inherit}.timeline-from-date,.timeline-to-date{margin-right:.3rem}.timeline-from-date:before{content:"\ea60";font-family:jQueryTimeline!important;margin-right:.3rem;color:#7f7f7f;font-weight:400}.timeline-to-date:before{content:" -> ";margin-right:.3rem;color:#7f7f7f;font-weight:400}.timeline-body{position:relative;display:block;margin:0 auto;width:inherit;overflow-x:auto;overflow-y:hidden;text-align:center;z-index:1}.timeline-wrapper{position:relative;display:inline-block;margin:0 1px;width:auto;height:259px}.timeline-wrapper:after,.timeline-wrapper:before{content:"";position:absolute;top:0;width:1px;height:100%}.timeline-wrapper:before{left:0;border-left:1px solid #ddd}.timeline-wrapper:after{right:0;border-right:1px solid #ddd}.timeline-timetable{display:table;position:relative;border-collapse:collapse;border-spacing:0;border-color:#ddd;border-top:1px solid #ddd;border-right:0;border-bottom:1px solid #ddd;border-left:0}.timeline-timetable>thead>tr>th{border:0}.timeline-timetable>thead>tr>th.scale-major{padding-top:4px;padding-bottom:4px;font-size:100%;color:#555;text-align:center;border-top:0;border-right:1px solid #ddd;border-bottom:0;border-left:0}.timeline-timetable>thead>tr>th.scale-medium{padding-top:0;padding-bottom:4px;font-size:85%;color:#777;text-align:center;border-top:0;border-right:1px solid #ddd;border-bottom:0;border-left:0}.timeline-timetable>thead>tr>th.scale-major:last-child,.timeline-timetable>thead>tr>th.scale-medium:last-child{border-right:0}.timeline-timetable>thead>tr>th.scale-small{padding:0;border-top:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0}.timeline-timetable>thead>tr>th.scale-small:last-child{border-right:0}.timeline-to-prev{position:absolute;top:-2rem;left:15px;z-index:9}.timeline-to-next{position:absolute;top:-2rem;right:15px;z-index:9}.spacer-cell{display:block;width:29px;min-height:5px}.timeline-events{position:relative;display:none;left:0;width:100%;height:auto;z-index:9}.timeline-container .timeline-events{position:absolute;height:200px}.timeline-body .timeline-events{display:block}.timeline-node{position:absolute;display:block;margin:6px 0;padding:4px 25px 4px 10px;height:auto;line-height:20px;vertical-align:middle;text-align:left;background-color:#e3d7a3;color:#777e41;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;cursor:pointer;z-index:8;-webkit-transition:all 1s ease 0;transition:all 1s ease 0}.timeline-event-pointer{margin:0;padding:0;line-height:1;text-align:center;background-color:#f0f0f0;border-radius:100%;border:solid 4px #4496d3;background-image:none;background-size:cover;background-repeat:no-repeat;background-position:center center}.timeline-node.timeline-event-pointer.hovered{z-index:99}.timeline-node.timeline-event-pointer.active{-webkit-box-shadow:0 10px 6px -6px rgba(51,51,51,.25);box-shadow:0 10px 6px -6px rgba(51,51,51,.25);z-index:99}.timeline-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-node.timeline-text-truncate.active{margin:2px 0 4px;border:solid 1px rgba(61,61,61,.25);-webkit-box-shadow:0 10px 6px -6px rgba(51,51,51,.25);box-shadow:0 10px 6px -6px rgba(51,51,51,.25);z-index:99}.timeline-node.timeline-text-truncate:after{content:"\ec5c";font-family:jQueryTimeline!important;font-size:14px;position:absolute;right:5px}.timeline-loader{position:absolute;display:inline-block;width:48px;height:48px;margin:0;padding:0;top:50%;left:50%;opacity:.3;-webkit-animation:spin 2.1s linear infinite;animation:spin 2.1s linear infinite}.timeline-loader i{position:absolute;top:0;left:0;font-size:48px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.timeline-line-canvas{position:absolute;display:block;left:0;width:100%;height:200px;z-index:6}.timeline-grids{position:absolute;left:0;height:200px;border-top:1px solid #ddd;z-index:0}.timeline-grids>tbody>tr>td{padding:0;border-top:0;border-right:1px dotted #ddd;border-bottom:0;border-left:0;vertical-align:bottom}.timeline-grids>tbody>tr>td:first-child{border-left:0}.timeline-grids>tbody>tr>td:last{border-right:0}.timeline-needle-pointer{position:absolute;display:block;bottom:7px;width:1px;height:calc(100% - 56px);border-left:2px dotted #e8383d;z-index:19}_::-webkit-full-page-media,_:future,:root .timeline-needle-pointer{bottom:0}.timeline-needle-pointer:before{content:"\ea37";font-family:jQueryTimeline!important;position:absolute;top:-8px;left:-7.5px;font-size:13px;color:#e8383d}.timeline-footer{position:relative;top:50%;width:100%;z-index:5}.timeline-nav{width:inherit}.timeline-to-next-default,.timeline-to-prev-default{width:2rem;height:2rem;line-height:2rem;font-size:2rem;color:rgba(71,71,71,.325);text-decoration:none}.timeline-to-next-default:active,.timeline-to-next-default:focus,.timeline-to-next-default:hover,.timeline-to-prev-default:active,.timeline-to-prev-default:focus,.timeline-to-prev-default:hover{color:rgba(71,71,71,.75);text-decoration:none}.timeline-to-next-custom,.timeline-to-prev-custom{width:2rem;height:2rem;line-height:2rem;vertical-align:middle;text-align:center;border-radius:50%;background-color:rgba(51,51,51,.2);color:#fff;text-decoration:none}.timeline-to-next-custom:active,.timeline-to-next-custom:focus,.timeline-to-next-custom:hover,.timeline-to-prev-custom:active,.timeline-to-prev-custom:focus,.timeline-to-prev-custom:hover{background-color:rgba(51,51,51,.3);color:rgba(255,255,255,.75);text-decoration:none}.timeline-event-view{display:block;margin:0 1em}.timeline-event-header{margin-top:0;margin-bottom:1rem;border-bottom:dotted 1px #a8a8a8}.timeline-event-label{font-family:inherit;font-size:1.75rem;font-weight:500;line-height:1.1;color:inherit}.timeline-event-meta{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:300}.timeline-event-meta:before{content:"\ea60";font-family:jQueryTimeline!important;color:#999;margin-right:.5rem}.timeline-event-date-separator{display:inline-block}.timeline-event-date-separator:after{content:" -> ";color:#777;font-weight:400;margin-left:.5rem;margin-right:.5rem}.timeline-event-body{margin-top:0;margin-bottom:1rem}.timeline-event-footer{margin-top:0;margin-bottom:1rem}.timeline-node{color:white!important;text-shadow:0px 0px 5px;}.timeline-wrapper{max-height:400px!important;}.timeline-events{max-height:350px;overflow:auto;}
diff --git a/public/opac/java/jquery.timeline-master/dist/timeline.min.js b/public/opac/java/jquery.timeline-master/dist/timeline.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..41d67023f648ac68cd4197af9a91a47c510ad224
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/dist/timeline.min.js
@@ -0,0 +1,9 @@
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Author: Ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */
+!function(e){function t(t){var i,r,n,l=e(t),o=l.data("timeline");n=/-|\/|\s|\:/,r=o.timeline.attr("actual-start-datetime").split(n);var d=new Date(Number(r[0]),Number(r[1])-1,Number(r[2]),Number(r[3]),Number(r[4]),Number(r[5]));Number(r[0])<100&&d.setFullYear(Number(r[0]));var h,f,u=e("<div />",{addClass:"timeline-header"}),p=e("<div />",{addClass:"timeline-body"}),y=e("<div />",{addClass:"timeline-footer"}),v=e("<div />",{addClass:"timeline-wrapper"}),b=e("<table />",{addClass:"timeline-timetable timeline-scale"}),w=e("<div />",{addClass:"timeline-events"}),x=e("<table />",{addClass:"timeline-timetable timeline-grids"}),M=e("<div />",{addClass:"timeline-needle-pointer"}),D=e("<div />",{addClass:"timeline-events default-events"}),N=new Date(d),k={years:{medium_scale:"months",medium_cols:12,small_scale:"days",small_cols:Number(o.timeline.attr("min-grid-per"))},months:{medium_scale:"days",medium_cols:new Date(d.getFullYear(),d.getMonth()+1,0).getDate(),small_scale:"hours",small_cols:Number(o.timeline.attr("min-grid-per"))},days:{medium_scale:"hours",medium_cols:24,small_scale:"minutes",small_cols:Number(o.timeline.attr("min-grid-per"))}},F=o.timeline.attr("scale"),Y=k[F].medium_scale,T=k[F].small_scale,S=Number(o.timeline.attr("min-grid-per"))*Number(o.timeline.attr("min-grid-size")),C=[k[F].medium_cols];if(l.hasClass("timeline-container")||l.addClass("timeline-container"),l.find(".timeline-events").length>0&&(l.find(".timeline-events").children().clone().appendTo(D),a(D,o)),"point"===o.timeline.attr("type")||"mixed"===o.timeline.attr("type"))var H=e("<canvas />",{addClass:"timeline-line-canvas"});if(l.empty(),"years"===o.timeline.attr("scale")?(N.setFullYear(N.getFullYear()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)):"months"===o.timeline.attr("scale")?(N.setMonth(N.getMonth()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)):(N.setDate(N.getDate()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)),"days"===Y&&Number(o.timeline.attr("range"))>1)for(i=1;i<Number(o.timeline.attr("range"));i++)C.push(new Date(d.getFullYear(),d.getMonth()+1+i,0).getDate());else for(i=1;i<Number(o.timeline.attr("range"));i++)C.push(k[F].medium_cols);if(o.timeline.attr("show-headline")){var L,j,z,I,A;switch(o.timeline.attr("scale")){case"years":z=I="",1==o.timeline.attr("zerofill-year")&&(d.getFullYear()<100?z="00":d.getFullYear()<1e3&&(z="0"),N.getFullYear()<100?I="00":N.getFullYear()<1e3&&(I="0")),L=o.timeline.attr("datetime-prefix")+z+g(o.timeline.attr("datetime-format-year"),d),j=o.timeline.attr("datetime-prefix")+I+g(o.timeline.attr("datetime-format-year"),N);break;case"months":L=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-month"),d),j=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-month"),N);break;case"days":L=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-day"),d),j=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-day"),N)}A='<span class="timeline-from-date">'+L+'</span><span class="timeline-to-date">'+j+"</span>",u.append('<h3 class="timeline-headline">'+A+"</h3>")}var O,J,_,E,P="<tr>",W="<tr>",G="<tr>";for(h=c(C)*k[F].small_cols,o.timeline.attr("total-cols",h),i=0;i<Number(o.timeline.attr("range"));i++){switch(P+='<th colspan="'+C[i]*k[F].small_cols+'" class="scale-major scale-'+F+'">',O=new Date(d),F){case"years":O.setFullYear(O.getFullYear()+i),z="",1==o.timeline.attr("zerofill-year")&&(O.getFullYear()<100?z="00":O.getFullYear()<1e3&&(z="0")),_=z+g(o.timeline.attr("datetime-format-years"),O);break;case"months":O.setMonth(O.getMonth()+i),_=g(o.timeline.attr("datetime-format-months"),O);break;case"days":O.setDate(O.getDate()+i),_=g(o.timeline.attr("datetime-format-days"),O)}P+=_+"</th>"}for(P+="</tr>",i=0;i<c(C);i++){switch(O=new Date(d),Y){case"months":J=i%k[F].medium_cols,_=S<18?"":J+1,E=new Date(O.getFullYear(),O.getMonth()+i,1).getTime();break;case"days":O.setDate(O.getDate()+i),_=S<20?"":O.getDate(),E=O.getTime();break;case"hours":J=i%k[F].medium_cols,_=S<40?"":J+":00",E=O.setTime(O.getTime()+36e5*i)}W+='<th colspan="'+k[F].small_cols+'" class="scale-medium scale-'+Y+'" data-cell-datetime="'+E+'">',W+=_+"</th>"}for(W+="</tr>",i=0;i<h;i++)G+='<th class="scale-small scale-'+T+'"><span class="spacer-cell"></span></th>';var q="<tr>";for(i=0;i<h;i++)q+='<td class="scale-small"><span class="spacer-cell"></span></td>';if(q+="</tr>",0==o.timeline.attr("show-pointer"))M.css("display","none");else{var X=m(s(!0),o);!1!==X?M.css("left",X+"px"):M.css("display","none")}var R=e("<div />",{addClass:"timeline-loader",css:{display:"block"}});R.append('<i class="jqtl-spinner"></i><span class="sr-only">Loading...</span>');var B='<div class="timeline-nav">',Q=""===o.timeline.attr("navi-icon-left")?"jqtl-circle-left":o.timeline.attr("navi-icon-left"),U=""===o.timeline.attr("navi-icon-right")?"jqtl-circle-right":o.timeline.attr("navi-icon-right");return B+='<a href="javascript:void(0);" class="timeline-to-prev '+(/^jqtl-circle-.*$/.test(Q)?"timeline-to-prev-default":"timeline-to-prev-custom")+'"><i class="'+Q+'"></i></a>',B+='<a href="javascript:void(0);" class="timeline-to-next '+(/^jqtl-circle-.*$/.test(U)?"timeline-to-next-default":"timeline-to-next-custom")+'"><i class="'+U+'"></i></a>',B+="</div>",b.append("<thead>"+P+W+G+"</thead>"),x.append("<tbody>"+q+"</tbody>"),"point"===o.timeline.attr("type")||"mixed"===o.timeline.attr("type")?v.append(b.prop("outerHTML")+w.prop("outerHTML")+H.prop("outerHTML")+x.prop("outerHTML")+M.prop("outerHTML")):v.append(b.prop("outerHTML")+w.prop("outerHTML")+x.prop("outerHTML")+M.prop("outerHTML")),p.append(v),y.append(B),l.append(u),l.append(p),l.append(y),l.append(R.prop("outerHTML")),l}function i(t){var i=e(t),a=i.data("timeline");b="auto"===a.timeline.attr("timeline-height")||"number"!=typeof a.timeline.attr("timeline-height")?Number(a.timeline.attr("rows"))*Number(a.timeline.attr("row-height")):Number(a.timeline.attr("timeline-height"));var r={width:i.find(".timeline-timetable.timeline-scale").outerWidth(),height:63};i.find(".timeline-wrapper")[0].offsetHeight!=r.height+b&&(i.find(".timeline-wrapper").css("height",r.height+b+"px"),i.find(".timeline-events").css("height",b+"px"),i.find(".timeline-line-canvas").css("height",b+"px").attr("width",r.width).attr("height",b),i.find(".timeline-grids").css("height",b+"px")),a.timeline.attr("min-grid-size",Number(a.timeline.attr("min-grid-size"))<5?30:Number(a.timeline.attr("min-grid-size"))),i.find(".spacer-cell").width()!=a.timeline.attr("min-grid-size")-1&&i.find(".spacer-cell").css("width",a.timeline.attr("min-grid-size")-1+"px");var n=-1*((i.find(".timeline-body").outerHeight()-i.find(".timeline-scale").outerHeight())/2+i.find(".timeline-to-prev").outerHeight());return i.find(".timeline-to-prev").css("top",n+"px"),i.find(".timeline-to-next").css("top",n+"px"),i.find(".timeline-body").scroll(function(){var t=e(this).scrollLeft();t<1?i.find(".timeline-to-prev").hide():t>=r.width-e(this).outerWidth()-2?i.find(".timeline-to-next").hide():(i.find(".timeline-to-prev").show(),i.find(".timeline-to-next").show())}),i}function a(t,i){if(e(t).children().length>0){var a=[],r=[],n=1;e(t).children().each(function(){if(e(this).data("timelineNode")){var t=new Function("return "+e(this).data("timelineNode"))();t.label=e(this).text(),t.eventId&&r.push(Number(t.eventId)),a.push(t)}}),a.length>0&&(n=r.length>0?Math.max.apply(null,r)+1:n,a.forEach(function(e,t,i){e.eventId||(i[t].eventId=n,n++)}),i.timeline.text(JSON.stringify(a)))}return i}function r(t){var i=e(t),a=i.data("timeline"),r=new Function("return "+a.timeline.text())(),l=new Date(d(a.timeline.attr("actual-start-datetime"))),s=new Date(l),m=a.timeline.attr("type"),c=a.timeline.attr("scale"),h=Number(a.timeline.attr("range")),f=Number(a.timeline.attr("row-height")),u=Number(a.timeline.attr("total-cols")),g=Number(a.timeline.attr("min-grid-per")),p=Number(a.timeline.attr("min-grid-size")),y={x:0,y:0,w:0},b=p*u-1;switch(i.find(".timeline-loader").css("display","block"),c){case"years":s.setYear(s.getFullYear()+h);break;case"months":s.setMonth(s.getMonth()+h-1);break;case"days":s.setDate(s.getDate()+h)}i.find(".timeline-events").empty(),r.forEach(function(t){if(t.start){var a,r=new Date(d(t.start)),n=void 0==t.end?new Date(d(t.start)):new Date(d(t.end)),h=g*p;if(o(r,l,s)){switch(c){case"years":y.x=Math.round((r-l)*b/(s-l));break;case"months":y.x=Math.floor((r-l)/864e5*h);break;case"days":y.x=Math.floor((r-l)/36e5*h)}if(y.y=void 0!==t.row?(t.row-1)*f:0,o(n,l,s)){switch(c){case"years":y.w=Math.floor((n-l)/2592e6*h-y.x);break;case"months":y.w=Math.floor((n-l)/864e5*h-y.x);break;case"days":y.w=Math.floor((n-l)/36e5*h-y.x)}0==y.w&&(y.w=1)}else switch(c){case"years":y.w=Math.floor((s-l)/2592e6*h-y.x);break;case"months":y.w=Math.floor((s-l)/864e5*h-y.x);break;case"days":y.w=Math.floor((s-l)/36e5*h-y.x)}}else if(o(n,l,s))switch(y.x=0,y.y=void 0!==t.row?(t.row-1)*f:0,c){case"years":y.w=Math.floor((n-l)/2592e6*h);break;case"months":y.w=Math.floor((n-l)/864e5*h);break;case"days":y.w=Math.floor((n-l)/36e5*h)}else if(o(l,r,n)&&o(s,r,n))switch(y.x=0,y.y=void 0!==t.row?(t.row-1)*f:0,c){case"years":y.w=Math.floor((s-l)/2592e6*h);break;case"months":y.w=Math.floor((s-l)/864e5*h);break;case"days":y.w=Math.floor((s-l)/36e5*h)}else y.w=0;if(y.w>0){if("point"===m){var u=t.margin?Number(t.margin):v;u=(u=u<0?0:u)>f/2?f/2-1:u,a=e("<div />",{addClass:"timeline-node timeline-event-pointer",id:"evt-"+t.eventId,css:{left:y.x-Math.floor(f/2)+u+"px",top:y.y+u+"px",width:f-2*u+"px",height:f-2*u+"px"},title:t.label}),t.bdColor?a.css("border-color",t.bdColor):t.bgColor&&a.css("border-color",t.bgColor),t.image&&a.css("background-image","url("+t.image+")"),t.relation&&e.each(t.relation,function(t,i){-1==e.inArray(t,["before","after","size"])||isNaN(i)?"curve"===t?-1!=e.inArray(i,["lt","rt","lb","rb"])&&a.attr("data-relay-curve",i):a.attr("data-relay-"+t,i):a.attr("data-relay-"+t,Number(i))})}else a=e("<div />",{addClass:"timeline-node timeline-text-truncate",id:"evt-"+t.eventId,css:{left:y.x+"px",top:y.y+"px",width:y.w+"px"},text:t.label}),t.color&&a.css("color",t.color),y.w<p&&a.css("padding-left","1.5rem").css("padding-right","0").css("text-overflow","clip");t.bgColor&&a.css("background-color",t.bgColor),t.extend&&e.each(t.extend,function(e,t){a.attr("data-"+e,t)}),i.find(".timeline-events").append(a.prop("outerHTML"))}}}),i.find(".timeline-loader").css("display","none"),"point"!==m&&"mixed"!==m||(n(i),i.find(".timeline-event-pointer").hover(function(t){var i;"mouseenter"===t.type?(i={left:parseInt(e(this).css("left")),top:parseInt(e(this).css("top")),width:parseInt(e(this).css("width")),height:parseInt(e(this).css("height"))},e(this).attr("data-default-axis",JSON.stringify(i)),e(this).hasClass("hovered")||e(this).addClass("hovered").animate({left:i.left-f/10,top:i.top-f/10,width:i.width+f/10*2,height:i.height+f/10*2},0)):"mouseleave"===t.type&&(i=e(this).data("defaultAxis"),e(this).css("left",i.left+"px").css("top",i.top+"px").css("width",i.width+"px").css("height",i.height+"px"),e(this).removeAttr("data-default-axis"),e(this).hasClass("hovered")&&e(this).removeClass("hovered"))}))}function n(t){function i(e,t,i){if("object"==typeof e&&"object"==typeof t){i=i||!1;var r,n={x:Math.abs((e.x-t.x)/y),y:Math.abs((e.y-t.y)/y)};if(a.beginPath(),a.moveTo(e.x,e.y),!1!==i){switch(i){case"lt":r={relayStartX:e.x,relayStartY:t.y+y,cpx:e.x,cpy:t.y,relayEndX:e.x+y,relayEndY:t.y};break;case"rt":r={relayStartX:t.x-y,relayStartY:e.y,cpx:t.x,cpy:e.y,relayEndX:t.x,relayEndY:e.y+y};break;case"lb":r={relayStartX:e.x,relayStartY:t.y-y,cpx:e.x,cpy:t.y,relayEndX:e.x+y,relayEndY:t.y};break;case"rb":r={relayStartX:t.x-y,relayStartY:e.y,cpx:t.x,cpy:e.y,relayEndX:t.x,relayEndY:e.y-y}}(n.x>1||n.y>1)&&a.lineTo(r.relayStartX,r.relayStartY),a.quadraticCurveTo(r.cpx,r.cpy,r.relayEndX,r.relayEndY)}a.lineTo(t.x,t.y),a.stroke()}}var a,r=t.find(".timeline-node.timeline-event-pointer"),n=t.find(".timeline-line-canvas")[0];n.getContext&&(a=n.getContext("2d"),r.each(function(){var t,r,l,s,o,m,d=void 0==e(this).data("relayLinecolor")?e(this).css("border-left-color"):e(this).data("relayLinecolor"),c=void 0==e(this).data("relayLinesize")?Math.round(y/10):e(this).data("relayLinesize");a.strokeStyle=d,a.lineWidth=c,a.lineJoin="round",a.lineCap="round",s={x:(y-a.lineWidth)/2,y:y/2},o=Math.floor((y-e(this)[0].offsetWidth)/2),t={x:e(this)[0].offsetLeft-o+s.x,y:Math.floor(e(this)[0].offsetTop/y)*y+s.y},void 0!=e(this).data("relayBefore")&&(e(this).data("relayBefore")>0?e("#evt-"+e(this).data("relayBefore")).length>0&&(o=Math.floor((y-e("#evt-"+e(this).data("relayBefore"))[0].offsetWidth)/2),r={x:e("#evt-"+e(this).data("relayBefore"))[0].offsetLeft-o+s.x,y:Math.floor(e("#evt-"+e(this).data("relayBefore"))[0].offsetTop/y)*y+s.y}):r={x:0,y:t.y},r&&(m=(r.y-t.y)/y,Math.abs(m)>0&&void 0!=e(this).data("relayCurve")&&-1!=e.inArray(e(this).data("relayCurve"),["lt","rt","lb","rb"])?i(r,t,e(this).data("relayCurve")):i(r,t))),void 0!=e(this).data("relayAfter")&&(e(this).data("relayAfter")>0?e("#evt-"+e(this).data("relayAfter")).length>0&&(o=Math.floor((y-e("#evt-"+e(this).data("relayAfter"))[0].offsetWidth)/2),l={x:e("#evt-"+e(this).data("relayAfter"))[0].offsetLeft-o+s.x,y:Math.floor(e("#evt-"+e(this).data("relayAfter"))[0].offsetTop/y)*y+s.y}):l={x:n.width,y:t.y},l&&(m=(t.y-l.y)/y,Math.abs(m)>0&&void 0!=e(this).data("relayCurve")&&-1!=e.inArray(e(this).data("relayCurve"),["lt","rt","lb","rb"])?i(t,l,e(this).data("relayCurve")):i(t,l)))}))}function l(t,i){if(0==e(".timeline-event-view").length)return!0;e(".timeline-event-view").empty();var a,r=e("<div />",{addClass:"timeline-event-header"}),n=e("<h3 />",{addClass:"timeline-event-label"}),l=e("<div />",{addClass:"timeline-event-meta"}),s=e("<div />",{addClass:"timeline-event-body"}),o=e("<div />",{addClass:"timeline-event-footer"});return n.text(t.label),""===i.end&&(i.end=i.start),a='<span class="timeline-event-start-date">'+g(i.start,t.start)+"</span>",t.end&&(a+='<span class="timeline-event-date-separator"></span>',a+='<span class="timeline-event-end-date">'+g(i.end,t.end)+"</span>"),r.append(n.prop("outerHTML")+l.append(a).prop("outerHTML")),t.content&&s.html(t.content),e(".timeline-event-view").append(r.prop("outerHTML")+s.prop("outerHTML")+o.prop("outerHTML")),!0}function s(t){var i=new Date;return t&&x().then(function(){i=e("body").data("serverDate"),e.removeData("body","serverDate")},function(){i=new Date}),i}function o(e,t,i){var a=new Date(e).getTime(),r=new Date(t).getTime(),n=new Date(i).getTime();return a-r>=0&&n-a>=0}function m(e,t){e="[object Date]"===Object.prototype.toString.call(e)?e:new Date(d(e));var i,a,r=t.timeline,n=new Date(d(r.attr("actual-start-datetime"))),l=new Date(n),s=r.attr("scale"),m=Number(r.attr("range")),c=Number(r.attr("total-cols")),h=Number(r.attr("min-grid-per")),f=Number(r.attr("min-grid-size")),u=f*c-1,g=h*f;switch(s){case"years":i=(l=new Date(l.setFullYear(l.getFullYear()+m))).getTime(),l.setTime(i-1);break;case"months":i=(l=new Date(l.setMonth(l.getMonth()+m))).getTime(),l.setTime(i-1);break;case"days":i=(l=new Date(l.setDate(l.getDate()+m))).getTime(),l.setTime(i-1)}if(o(e,n,l)){switch(s){case"years":a=Math.round((e-n)*u/(l-n));break;case"months":a=Math.floor((e-n)/864e5*g);break;case"days":a=Math.floor((e-n)/36e5*g)}return a}return!1}function d(e){return e.replace(/-/g,"/")}function c(e){return e.reduce(function(e,t){return e+t})}function h(e){var t=[];for(var i in e)e.hasOwnProperty(i)&&t.push(e[i]);return t}function f(e){var t=[];for(var i in e)e.hasOwnProperty(i)&&t.push(i);return t}function u(e,t){var i=function(e,t){return Array(e+1).join(t)}(t-1,"0");return String(e).length==t?e:(i+e).substr(-1*e)}function g(t,i){t=t||"";var a="[object Date]"===Object.prototype.toString.call(i)?i:new Date(d(i)),r={Jan:"January",Feb:"February",Mar:"March",Apr:"April",May:"May",Jun:"June",Jul:"July",Aug:"August",Sep:"September",Oct:"October",Nov:"November",Dec:"December"},n={Sun:"Sunday",Mon:"Monday",Tue:"Tuesday",Wed:"Wednesday",Thu:"Thurseday",Fri:"Friday",Sat:"Saturday"},l=["am","pm"],s=t.split(""),o="",m=!1,c=function(e){var t=new Date(e.getFullYear(),e.getMonth()+1,1);return t.setTime(t.getTime()-1),t.getDate()},g=function(e){var t,i=new Date(e.getFullYear(),0,1),a=0;for(t=0;t<12;t++)i.setMonth(t),a+=c(i);return 365===a?0:1},p=function(e){var t,i=new Date(e.getFullYear(),0,1),a=0;for(t=0;t<e.getMonth();t++)i.setMonth(t),a+=c(i);return a+e.getDate()},y=function(e){var t=e.getHours();return t>12?t-12:t},v=function(e){return e.getHours()>12?l[1]:l[0]};if(""===t)return a;if(e(".timeline-container").length>0){var b=e(".timeline-container").eq(0).data("timeline").timeline;r=b.attr("i18n-month")?JSON.parse(b.attr("i18n-month")):r,n=b.attr("i18n-day")?JSON.parse(b.attr("i18n-day")):n,l=b.attr("i18n-ma")?JSON.parse(b.attr("i18n-ma")):l}return s.forEach(function(e,t){var i,l,d,b;if(!1!==m)return m=!1,!0;switch(e){case"Y":case"o":i=a.getFullYear();break;case"y":i=(""+a.getFullYear()).slice(-2);break;case"m":i=("0"+(a.getMonth()+1)).slice(-2);break;case"n":i=a.getMonth()+1;break;case"F":i=h(r)[a.getMonth()];break;case"M":i=f(r)[a.getMonth()];break;case"d":i=("0"+a.getDate()).slice(-2);break;case"j":i=a.getDate();break;case"S":i=["st","nd","rd","th"][function(){var e=a.getDate();return 1==e||2==e||3==e||21==e||22==e||23==e||31==e?Number((""+e).slice(-1)-1):3}()];break;case"w":case"W":i=a.getDay();break;case"l":i=h(n)[a.getDay()];break;case"D":i=f(n)[a.getDay()];break;case"N":i=0===a.getDay()?7:a.getDay();break;case"a":i=v(a);break;case"A":i=v(a).toUpperCase();break;case"g":i=y(a);break;case"h":i=("0"+y(a)).slice(-2);break;case"G":i=a.getHours();break;case"H":i=("0"+a.getHours()).slice(-2);break;case"i":i=("0"+a.getMinutes()).slice(-2);break;case"s":i=("0"+a.getSeconds()).slice(-2);break;case"z":i=p(a);break;case"t":i=c(a);break;case"L":i=g(a);break;case"c":l=a.getTimezoneOffset(),d=[Math.floor(Math.abs(l)/60),Math.abs(l)%60],b=l<0?"+":"-",i=a.getFullYear()+"-"+u(a.getMonth()+1,2)+"-"+u(a.getDate(),2)+"T",i+=u(a.getHours(),2)+":"+u(a.getMinutes(),2)+":"+u(a.getSeconds(),2),i+=b+u(d[0],2)+":"+u(d[1],2);break;case"r":l=a.getTimezoneOffset(),d=[Math.floor(Math.abs(l)/60),Math.abs(l)%60],b=l<0?"+":"-",i=f(n)[a.getDay()]+", "+a.getDate()+" "+f(r)[a.getMonth()]+" "+a.getFullYear()+" ",i+=u(a.getHours(),2)+":"+u(a.getMinutes(),2)+":"+u(a.getSeconds(),2)+" ",i+=b+u(d[0],2)+u(d[1],2);break;case"u":i=a.getTime();break;case"U":i=Date.parse(a)/1e3;break;case"\\":m=!0,i=s[t+1];break;default:i=e}o+=i}),o}function p(t){var i=e.Deferred(),a=(t.data("timeline").timeline.attr("langs-dir")||"./langs/")+t[0].lang+".json";return e.ajax({url:a,type:"get",dataType:"json"}).done(function(e){i.resolve(e)}).fail(function(){i.reject()}),i.promise()}var y,v=2,b=0,w={init:function(a){var n=e.extend({type:"bar",scale:"days",startDatetime:"currently",datetimePrefix:"",showHeadline:!0,datetimeFormat:{full:"j M Y",year:"Y",month:"M Y",day:"D, j M",years:"Y",months:"F",days:"j",meta:"Y/m/d H:i",metato:""},minuteInterval:30,zerofillYear:!1,range:3,rows:5,rowHeight:40,height:"auto",minGridPer:2,minGridSize:30,rangeAlign:"current",naviIcon:{left:"jqtl-circle-left",right:"jqtl-circle-right"},showPointer:!0,i18n:{},langsDir:"./langs/",httpLnaguage:!1},a);return this.each(function(){var l=e(this),o=l.data("timeline"),m=e("<div />",{title:l.find(".timeline-headline").text(),type:n.type,scale:n.scale,"start-datetime":n.startDatetime,"datetime-prefix":n.datetimePrefix,"show-headline":n.showHeadline?1:0,"datetime-format-full":n.datetimeFormat.full||"j M Y","datetime-format-year":n.datetimeFormat.year||"Y","datetime-format-month":n.datetimeFormat.month||"M Y","datetime-format-day":n.datetimeFormat.day||"D, j M","datetime-format-years":n.datetimeFormat.years||"Y","datetime-format-months":n.datetimeFormat.months||"F","datetime-format-days":n.datetimeFormat.days||"j","datetime-format-meta":n.datetimeFormat.meta||"Y/m/d H:i","datetime-format-metato":n.datetimeFormat.metato||"","minute-interval":n.minuteInterval,"zerofill-year":n.zerofillYear?1:0,range:n.range,rows:n.rows,"row-height":n.rowHeight,"timeline-height":n.height,"min-grid-per":n.minGridPer,"min-grid-size":n.minGridSize,"range-align":n.rangeAlign,"navi-icon-left":n.naviIcon.left||"jqtl-circle-left","navi-icon-right":n.naviIcon.right||"jqtl-circle-right","show-pointer":n.showPointer?1:0,"i18n-month":n.i18n.month?JSON.stringify(n.i18n.month):"","i18n-day":n.i18n.day?JSON.stringify(n.i18n.day):"","i18n-ma":n.i18n.ma?JSON.stringify(n.i18n.ma):"","langs-dir":n.langsDir,"http-language":n.httpLnaguage?1:0,text:""});if(l.on("click.timeline",".timeline-to-prev",w.dateback),l.on("click.timeline",".timeline-to-next",w.dateforth),l.on("click.timeline",".timeline-node",w.openEvent),l.on("align.timeline",w.alignment),l.on("afterRender.timeline",function(){e(this).off("afterRender.timeline")}),o)r(l);else{l.data("timeline",{target:l,timeline:m}),y=n.rowHeight;var c,h,f,u;switch("currently"===n.startDatetime?c=s(!0):(c=new Date(d(n.startDatetime)),u=/-|\//,f=n.startDatetime.split(u),Number(f[0])<100&&c.setFullYear(Number(f[0]))),n.scale){case"years":h=c.getFullYear()+"/01/01 00:00:00";break;case"months":h=c.getFullYear()+"/"+(c.getMonth()+1)+"/01 00:00:00";break;case"days":h=c.getFullYear()+"/"+(c.getMonth()+1)+"/"+c.getDate()+" 00:00:00";break;default:h=c.getFullYear()+"/"+(c.getMonth()+1)+"/"+c.getDate()+" "+h.getHours()+":00:00"}l.data("timeline").timeline.attr("actual-start-datetime",h),M(n.httpLnaguage).always(function(e){l[0].lang=e}).then(function(){p(l).done(function(e){if(l.data("timeline").timeline.attr("i18n-month",JSON.stringify(e.month)),l.data("timeline").timeline.attr("i18n-day",JSON.stringify(e.day)),l.data("timeline").timeline.attr("i18n-ma",JSON.stringify(e.ma)),"format"in e)for(var s in e.format)l.data("timeline").timeline.attr("datetime-format-"+s,e.format[s]);t(l),i(l),l.trigger("align.timeline",[n.rangeAlign]),l.css("visibility","visible"),r(l),l.trigger("afterRender.timeline",[a])}).fail(function(){t(l),i(l),l.trigger("align.timeline",[n.rangeAlign]),l.css("visibility","visible"),r(l),l.trigger("afterRender.timeline",[a])})})}})},initialized:function(t){return this.each(function(){var i=e(this),a=i.data("timeline");a&&"function"==typeof t&&t(i,a)})},destroy:function(){return this.each(function(){var t=e(this),i=t.data("timeline");e(window).off(".timeline"),i&&(i.timeline.remove(),t.removeData("timeline"))})},render:function(a){return this.each(function(){var n=e(this),l=n.data("timeline");"type"in a&&l.timeline.attr("type",a.type),"scale"in a&&l.timeline.attr("scale",a.scale),"startDatetime"in a&&l.timeline.attr("start-datetime",a.startDatetime),"datetimePrefix"in a&&l.timeline.attr("datetime-prefix",a.datetimePrefix),"showHeadline"in a&&l.timeline.attr("show-headline",a.showHeadline?1:0),"datetimeFormat"in a&&(void 0!=typeof a.datetimeFormat.full&&l.timeline.attr("datetime-format-full",a.datetimeFormat.full),void 0!=typeof a.datetimeFormat.year&&l.timeline.attr("datetime-format-year",a.datetimeFormat.year),void 0!=typeof a.datetimeFormat.month&&l.timeline.attr("datetime-format-month",a.datetimeFormat.month),void 0!=typeof a.datetimeFormat.day&&l.timeline.attr("datetime-format-day",a.datetimeFormat.day),void 0!=typeof a.datetimeFormat.years&&l.timeline.attr("datetime-format-years",a.datetimeFormat.years),void 0!=typeof a.datetimeFormat.months&&l.timeline.attr("datetime-format-months",a.datetimeFormat.months),void 0!=typeof a.datetimeFormat.days&&l.timeline.attr("datetime-format-days",a.datetimeFormat.days),void 0!=typeof a.datetimeFormat.meta&&l.timeline.attr("datetime-format-meta",a.datetimeFormat.meta),void 0!=typeof a.datetimeFormat.metato&&l.timeline.attr("datetime-format-metato",a.datetimeFormat.metato)),"minuteInterval"in a&&l.timeline.attr("minute-interval",a.minuteInterval),"zerofillYear"in a&&l.timeline.attr("zerofill-year",a.zerofillYear?1:0),"range"in a&&l.timeline.attr("range",a.range),"rows"in a&&l.timeline.attr("rows",a.rows),"rowHeight"in a&&l.timeline.attr("row-height",a.rowHeight),"height"in a&&l.timeline.attr("timeline-height",a.height),"minGridPer"in a&&l.timeline.attr("min-grid-per",a.minGridPer),"minGridSize"in a&&l.timeline.attr("min-grid-size",a.minGridSize),"rangeAlign"in a&&l.timeline.attr("range-align",a.rangeAlign),"naviIcon"in a&&(void 0!=typeof a.naviIcon.left&&l.timeline.attr("navi-icon-left",a.naviIcon.left),void 0!=typeof a.naviIcon.right&&l.timeline.attr("navi-icon-right",a.naviIcon.right)),"showPointer"in a&&l.timeline.attr("show-pointer",a.showPointer?1:0),"i18n"in a&&(void 0!=typeof a.i18n.month&&l.timeline.attr("i18n-month",JSON.stringify(a.i18n.month)),void 0!=typeof a.i18n.day&&l.timeline.attr("i18n-day",JSON.stringify(a.i18n.day)),void 0!=typeof a.i18n.ma&&l.timeline.attr("i18n-ma",JSON.stringify(a.i18n.ma))),"langsDir"in a&&l.timeline.attr("langs-dir",a.langsDir),"httpLanguage"in a&&l.timeline.attr("http-language",a.httpLanguage);var o,m,c,h;switch("currently"===l.timeline.attr("start-datetime")?o=s(!0):(o=new Date(d(l.timeline.attr("start-datetime"))),h=/-|\//,c=l.timeline.attr("start-datetime").split(h),Number(c[0])<100&&o.setFullYear(Number(c[0]))),l.timeline.attr("scale")){case"years":m=o.getFullYear()+"/01/01 00:00:00";break;case"months":m=o.getFullYear()+"/"+(o.getMonth()+1)+"/01 00:00:00";break;case"days":m=o.getFullYear()+"/"+(o.getMonth()+1)+"/"+o.getDate()+" 00:00:00";break;default:m=o.getFullYear()+"/"+(o.getMonth()+1)+"/"+o.getDate()+" "+m.getHours()+":00:00"}l.timeline.attr("actual-start-datetime",m),n.find(".timeline-container").empty().removeClass("timeline-container"),M(l.timeline.attr("http-language")).always(function(e){n[0].lang=e}).then(function(){p(n).done(function(e){if(l.timeline.attr("i18n-month",JSON.stringify(e.month)),l.timeline.attr("i18n-day",JSON.stringify(e.day)),l.timeline.attr("i18n-ma",JSON.stringify(e.ma)),"format"in e)for(var s in e.format)n.data("timeline").timeline.attr("datetime-format-"+s,e.format[s]);t(n),i(n),r(n),n.trigger("align.timeline",[l.timeline.attr("range-align")]),n.trigger("afterRender.timeline",[a])}).fail(function(){t(n),i(n),r(n),n.trigger("align.timeline",[l.timeline.attr("range-align")]),n.trigger("afterRender.timeline",[a])})})})},show:function(){return this.each(function(){e(this).css("display","block").css("visibility","visible")})},hide:function(){return this.each(function(){e(this).css("visibility","hidden").css("display","none")})},dateback:function(t){t.preventDefault();var i=e(this).parents(".timeline-container"),a=i.data("timeline"),r=i.find(".timeline-body")[0].clientWidth,n=i.find(".timeline-wrapper")[0].scrollWidth,l=i.find(".timeline-body").scrollLeft(),s=0;return n>r&&(s=(s=l/r>1?l-r:l-(n-r)/Number(a.timeline.attr("range")))<0?0:s,i.find(".timeline-body").animate({scrollLeft:s},300)),this},dateforth:function(t){t.preventDefault();var i=e(this).parents(".timeline-container"),a=i.data("timeline"),r=i.find(".timeline-body")[0].clientWidth,n=i.find(".timeline-wrapper")[0].scrollWidth,l=i.find(".timeline-body").scrollLeft(),s=0;return n>r&&(s=(s=(n-l)/r>1?l+r:l+(n-r)/Number(a.timeline.attr("range")))>n-r+1?n-r+1:s,i.find(".timeline-body").animate({scrollLeft:s},300)),this},alignment:function(){var t=arguments.length>1?Array.prototype.slice.call(arguments,1):[arguments[0]],i=t[0].toLowerCase(),a=void 0!==t[1]?String(t[1]).toLowerCase():0,r=e(this).find(".timeline-body")[0].clientWidth,n=e(this).find(".timeline-wrapper")[0].scrollWidth,l=0;if(n>r){var o,c=e(this).data("timeline");switch(i){case"left":l=0;break;case"right":l=n-r+1;break;case"center":l=(n-r)/2;break;case"current":l=(o=m(s(!0),c))>-1?o-r/2>n-r+1?n-r+1:o-r/2:n-r+1;break;case"latest":var h,f,u,p=new Function("return "+c.timeline.text())();e.each(p,function(e,t){f=g("U",t.start),0==e?(h=f,u=e):f>=h&&(h=f,u=e)}),l=(o=m(new Date(d(p[u].start)),c))>-1?o-r/2>n-r+1?n-r+1:o-r/2:n-r+1;break;default:l=0;var y="#"+i;e(y).length&&(l=(o=e(y).position().left)-r/2>n-r+1?n-r+1:o-r/2)}-1!=e.inArray(a,["slow","normal","fast"])||Number(a)>0?e(this).find(".timeline-body").animate({scrollLeft:l},a):e(this).find(".timeline-body").scrollLeft(l)}return this},getOptions:function(){var t=e(this).data("timeline");return{title:t.timeline.attr("title"),type:t.timeline.attr("type"),scale:t.timeline.attr("scale"),startDatetime:t.timeline.attr("start-datetime"),datetimePrefix:t.timeline.attr("datetime-prefix"),showHeadline:1==Number(t.timeline.attr("show-headline")),datetimeFormat:{full:t.timeline.attr("datetime-format-full"),year:t.timeline.attr("datetime-format-year"),month:t.timeline.attr("datetime-format-month"),day:t.timeline.attr("datetime-format-day"),years:t.timeline.attr("datetime-format-years"),months:t.timeline.attr("datetime-format-months"),days:t.timeline.attr("datetime-format-days")},minuteInterval:Number(t.timeline.attr("minute-interval")),zerofillYear:1==Number(t.timeline.attr("zerofill-year")),range:Number(t.timeline.attr("range")),rows:Number(t.timeline.attr("rows")),rowHeight:Number(t.timeline.attr("row-height")),height:"auto"===t.timeline.attr("timeline-height")?"auto":Number(t.timeline.attr("timeline-height")),minGridPer:Number(t.timeline.attr("min-grid-per")),minGridSize:Number(t.timeline.attr("min-grid-size")),rangeAlign:t.timeline.attr("range-align"),naviIcon:{left:t.timeline.attr("navi-icon-left"),right:t.timeline.attr("navi-icon-right")},showPointer:t.timeline.attr("show-pointer"),i18n:{month:JSON.parse(t.timeline.attr("i18n-month")),day:JSON.parse(t.timeline.attr("i18n-day")),ma:JSON.parse(t.timeline.attr("i18n-ma"))},langsDir:t.timeline.attr("langs-dir"),events:new Function("return "+t.timeline.text())()}},addEvent:function(t,i){return this.each(function(){var a=e(this),n=a.data("timeline"),l=new Function("return "+n.timeline.text())(),s=1,o=[s];t.length>0&&(e.each(l,function(e,t){o.push(Number(t.eventId))}),s=Math.max.apply(null,o)+1,e.each(t,function(e,t){t.eventId=s,s++,l.push(t)}),n.timeline.text(JSON.stringify(l))),r(a),e(this).trigger("align.timeline",["evt-"+(s-1),"fast"]),n&&"function"==typeof i&&i(a,n)})},removeEvent:function(){var t,i;return 0==arguments.length?(t="all",i=null):1==arguments.length?"function"==typeof arguments[0]?(t="all",i=arguments[0]):(t=arguments[0],i=null):(t=arguments[0],i=arguments[1]),this.each(function(){var a=e(this),n=a.data("timeline"),l=new Function("return "+n.timeline.text())();if("all"===t)l=[];else{var s=[];e.each(l,function(i,a){-1==e.inArray(a.eventId,t)&&s.push(a)}),l=s}n.timeline.text(JSON.stringify(l)),r(a),n&&"function"==typeof i&&i(a,n)})},updateEvent:function(t,i){return void 0!==t&&this.each(function(){var a,n=e(this),l=n.data("timeline"),s=new Function("return "+l.timeline.text())(),o=[];t.length>0&&e.each(t,function(e,t){o.push(t.eventId)}),s.length>0&&o.length>0&&(e.each(s,function(i,r){if(-1!=e.inArray(r.eventId,o)){var n;e.each(t,function(e,t){if(t.eventId==r.eventId)return n=t,a=t.eventId,!1}),s[i]=n}}),l.timeline.text(JSON.stringify(s))),r(n),e(this).trigger("align.timeline",["evt-"+a,"fast"]),l&&"function"==typeof i&&i(n,l)})},openEvent:function(t){var i=Number(e(t.target).attr("id").replace("evt-","")),a=t.delegateTarget;return""!==i&&0!=i&&e(a).each(function(){var t,a=e(this).data("timeline"),r=new Function("return "+a.timeline.text())(),n={start:a.timeline.attr("datetime-format-meta"),end:a.timeline.attr("datetime-format-metato")};e.each(r,function(e,a){if(a.eventId==i)return t=a,!1}),e(this).find(".timeline-node").each(function(){e(this).attr("id")==="evt-"+i?e(this).addClass("active"):e(this).removeClass("active")}),e(this).trigger("align.timeline",["evt-"+i,"fast"]),l(t,n)&&t.callback&&Function.call(null,"return "+t.callback)()})}};e.fn.timeline=function(t){return w[t]?w[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist on jQuery.timeline."):w.init.apply(this,arguments)};var x=function(){return e.ajax({type:"GET"}).done(function(t,i,a){e("body").data("serverDate",new Date(d(a.getResponseHeader("Date"))))}).promise()},M=function(){var t=e.Deferred(),i=navigator.userLanguage||navigator.browserLanguage||navigator.language;return 0!=arguments.length&&arguments[0]?e.ajax({url:"//ajaxhttpheaders.appspot.com",data:{callback:"jQuery.Timeline"},dataType:"jsonp"}).done(function(e){var a,r;r=(a=e["Accept-Language"].split(";"))[0].split(","),a[1].split(","),e["X-Appengine-Country"],r.length>0&&(i=r[0]),t.resolve(i)}).fail(function(){t.reject()}):t.resolve(i),t.promise()}}(jQuery);
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.eot b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.eot
new file mode 100644
index 0000000000000000000000000000000000000000..b91e7e935212a59f1e9cfb22ceca624d4fe37509
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.eot differ
diff --git a/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.svg b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ee61ae6a278ff412d22dd0b0550079ee97e11c3d
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+<json>
+<![CDATA[
+{
+	"fontFamily": "jQueryTimeline",
+	"majorVersion": 1,
+	"minorVersion": 0,
+	"license": "MIT",
+	"copyright": "ka2.org",
+	"designer": "ka2@ka2.org",
+	"designerURL": "https://ka2.org/",
+	"version": "Version 1.0",
+	"fontId": "jQueryTimeline",
+	"psName": "jQueryTimeline",
+	"subFamily": "Regular",
+	"fullName": "jQueryTimeline",
+	"description": "Font generated by IcoMoon."
+}
+]]>
+</json>
+</metadata>
+<defs>
+<font id="jQueryTimeline" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xea37;" glyph-name="pushpin" data-tags="pushpin, pin" d="M512 960c-141.384 0-256-114.616-256-256 0-119.286 81.586-219.516 192-247.934v-488.066l128 128v360.066c110.414 28.418 192 128.65 192 247.934 0 141.384-114.614 256-256 256zM448 704c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.652-64-64-64z" />
+<glyph unicode="&#xea60;" glyph-name="calendar" data-tags="calendar, date, schedule, time, day" d="M320 576h128v-128h-128zM512 576h128v-128h-128zM704 576h128v-128h-128zM128 192h128v-128h-128zM320 192h128v-128h-128zM512 192h128v-128h-128zM320 384h128v-128h-128zM512 384h128v-128h-128zM704 384h128v-128h-128zM128 384h128v-128h-128zM832 960v-64h-128v64h-448v-64h-128v64h-128v-1024h960v1024h-128zM896 0h-832v704h832v-704z" />
+<glyph unicode="&#xeb24;" glyph-name="spinner" data-tags="spinner, loading, loading-wheel, busy, wait" d="M512 656.904c-32.964 0-59.686 26.724-59.686 59.686v179.060c0 32.964 26.722 59.686 59.686 59.686 32.962 0 59.688-26.722 59.688-59.686v-179.060c0-32.964-26.726-59.686-59.688-59.686zM512-36.956c-20.602 0-37.304 16.702-37.304 37.304v179.060c0 20.602 16.702 37.304 37.304 37.304 20.604 0 37.304-16.704 37.304-37.304v-179.060c0-20.602-16.7-37.304-37.304-37.304zM377.756 624.64c-19.34 0-38.146 10.034-48.512 27.988l-89.53 155.070c-15.452 26.764-6.282 60.986 20.482 76.438 26.762 15.45 60.986 6.284 76.438-20.482l89.53-155.072c15.452-26.764 6.282-60.986-20.482-76.438-8.81-5.084-18.432-7.504-27.926-7.504zM735.856 26.744c-11.602 0-22.886 6.022-29.108 16.792l-89.53 155.070c-9.27 16.056-3.77 36.592 12.29 45.864 16.056 9.264 36.59 3.77 45.864-12.292l89.532-155.068c9.27-16.058 3.768-36.592-12.292-45.864-5.286-3.048-11.060-4.502-16.756-4.502zM279.344 530.060c-8.86 0-17.838 2.256-26.064 7.006l-155.072 89.53c-24.978 14.422-33.538 46.362-19.116 71.342 14.42 24.978 46.364 33.538 71.342 19.116l155.070-89.53c24.98-14.422 33.538-46.362 19.116-71.34-9.668-16.756-27.226-26.124-45.276-26.124zM899.648 194.326c-5.064 0-10.196 1.29-14.894 4.004l-155.068 89.53c-14.274 8.24-19.164 26.494-10.924 40.768 8.242 14.276 26.496 19.166 40.766 10.924l155.070-89.532c14.274-8.24 19.164-26.492 10.924-40.766-5.53-9.574-15.562-14.928-25.874-14.928zM243.41 399.504h-179.060c-26.784 0-48.496 21.712-48.496 48.496s21.712 48.496 48.496 48.496h179.060c26.784 0 48.496-21.712 48.496-48.496s-21.712-48.496-48.496-48.496zM959.65 418.156c-0.002 0 0 0 0 0h-179.060c-16.482 0.002-29.844 13.364-29.844 29.844s13.364 29.844 29.844 29.844c0.002 0 0 0 0 0h179.060c16.482 0 29.844-13.362 29.844-29.844 0-16.48-13.364-29.844-29.844-29.844zM124.366 179.402c-15.472 0-30.518 8.028-38.81 22.39-12.362 21.41-5.026 48.79 16.384 61.148l155.072 89.532c21.41 12.368 48.79 5.028 61.15-16.384 12.362-21.412 5.026-48.79-16.384-61.15l-155.072-89.53c-7.050-4.070-14.748-6.006-22.34-6.006zM744.632 552.448c-10.314 0-20.346 5.352-25.874 14.926-8.24 14.274-3.35 32.526 10.924 40.768l155.070 89.528c14.272 8.236 32.526 3.352 40.768-10.922 8.24-14.274 3.35-32.526-10.924-40.768l-155.070-89.528c-4.7-2.714-9.83-4.004-14.894-4.004zM288.136 19.284c-6.962 0-14.016 1.774-20.48 5.504-19.626 11.332-26.35 36.428-15.020 56.054l89.53 155.070c11.33 19.628 36.426 26.352 56.054 15.022 19.626-11.332 26.35-36.43 15.020-56.054l-89.53-155.072c-7.598-13.166-21.392-20.524-35.574-20.524zM646.266 650.758c-5.062 0-10.196 1.29-14.894 4.002-14.274 8.242-19.164 26.494-10.924 40.766l89.534 155.070c8.24 14.274 26.492 19.166 40.766 10.922 14.274-8.242 19.164-26.494 10.924-40.766l-89.532-155.070c-5.53-9.57-15.56-14.924-25.874-14.924z" />
+<glyph unicode="&#xec5b;" glyph-name="more" data-tags="more, dots, menu" d="M384 896h256v-256h-256zM384 576h256v-256h-256zM384 256h256v-256h-256z" />
+<glyph unicode="&#xec5c;" glyph-name="more-horizontal" data-tags="more, dots, menu" d="M384 768c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128zM384 448c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128zM384 128c0 70.692 57.308 128 128 128s128-57.308 128-128c0-70.692-57.308-128-128-128s-128 57.308-128 128z" />
+<glyph unicode="&#xec6a;" glyph-name="more-vertical" data-tags="menu, dots, more" d="M832 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128zM512 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128zM192 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128s57.308 128 128 128z" />
+<glyph unicode="&#xec6b;" glyph-name="dot" data-tags="circle-small" d="M320 448c0 106.039 85.961 192 192 192s192-85.961 192-192c0-106.039-85.961-192-192-192s-192 85.961-192 192z" />
+<glyph unicode="&#xed5d;" glyph-name="plus" data-tags="plus, add, sum" d="M960 512h-384v384h-128v-384h-384v-128h384v-384h128v384h384z" />
+<glyph unicode="&#xed5e;" glyph-name="minus" data-tags="minus, subtract, line" d="M64 512h896v-128h-896v128z" />
+<glyph unicode="&#xed6d;" glyph-name="cross" data-tags="cross, cancel, close, quit, remove" d="M893.254 738.746l-90.508 90.508-290.746-290.744-290.746 290.744-90.508-90.506 290.746-290.748-290.746-290.746 90.508-90.508 290.746 290.746 290.746-290.746 90.508 90.51-290.744 290.744z" />
+<glyph unicode="&#xedee;" glyph-name="circle-right" data-tags="circle-right, right, circle-next, arrow" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM544 192l256 256-256 256-96-96 96-96h-288v-128h288l-96-96z" />
+<glyph unicode="&#xedf2;" glyph-name="circle-left" data-tags="circle-left, left, circle-previous, arrow" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512c-282.77 0-512-229.23-512-512s229.23-512 512-512zM512 864c229.75 0 416-186.25 416-416s-186.25-416-416-416c-229.75 0-416 186.25-416 416s186.25 416 416 416zM480 704l-256-256 256-256 96 96-96 96h288v128h-288l96 96z" />
+<glyph unicode="&#xedf6;" glyph-name="circle-fill-right" data-tags="circle-right, right, circle-next, arrow" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512-512-229.23-512-512 229.23-512 512-512zM192 512h351.998l-127.998 128 95.998 96 288.002-288-288.002-288-95.998 96 127.998 128h-351.998v128z" />
+<glyph unicode="&#xedfa;" glyph-name="circle-fill-left" data-tags="circle-left, left, circle-previous, arrow" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM832 384h-351.998l127.998-128-95.998-96-288.002 288 288.002 288 95.998-96-127.998-128h351.998v-128z" />
+<glyph unicode="&#xee29;" glyph-name="arrow-down" data-tags="arrow-down, down, arrow-bottom, download" d="M512-64l448 1024-448-192-448 192z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.ttf b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..abe6b93e24a0dcd5dec924cb8d40d9fff7357cba
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.ttf differ
diff --git a/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.woff b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.woff
new file mode 100644
index 0000000000000000000000000000000000000000..4da20d1381a765fbfc51629f01a9e04994dee129
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/css/fonts/jQueryTimeline.woff differ
diff --git a/public/opac/java/jquery.timeline-master/docs/css/timeline.min.css b/public/opac/java/jquery.timeline-master/docs/css/timeline.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..5b991bc3845429accb679648b1725e68d932851b
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/css/timeline.min.css
@@ -0,0 +1,8 @@
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Coded by: ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */@font-face{font-family:jQueryTimeline;src:url(fonts/jQueryTimeline.eot?t4qpol);src:url(fonts/jQueryTimeline.eot?t4qpol#iefix) format("embedded-opentype"),url(fonts/jQueryTimeline.ttf?t4qpol) format("truetype"),url(fonts/jQueryTimeline.woff?t4qpol) format("woff"),url(fonts/jQueryTimeline.svg?t4qpol#jQueryTimeline) format("svg");font-weight:400;font-style:normal}[class*=" jqtl-"],[class^=jqtl-]{font-family:jQueryTimeline!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jqtl-pushpin:before{content:"\ea37"}.jqtl-calendar:before{content:"\ea60"}.jqtl-spinner:before{content:"\eb24"}.jqtl-more:before{content:"\ec5b"}.jqtl-more-horizontal:before{content:"\ec5c"}.jqtl-more-vertical:before{content:"\ec6a"}.jqtl-dot:before{content:"\ec6b"}.jqtl-plus:before{content:"\ed5d"}.jqtl-minus:before{content:"\ed5e"}.jqtl-cross:before{content:"\ed6d"}.jqtl-circle-right:before{content:"\edee"}.jqtl-circle-left:before{content:"\edf2"}.jqtl-circle-fill-right:before{content:"\edf6"}.jqtl-circle-fill-left:before{content:"\edfa"}.jqtl-arrow-down:before{content:"\ee29"}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-container{position:relative;display:block;visibility:hidden;margin:15px;font-size:1rem;line-height:1.5}.timeline-header{text-align:left}.timeline-headline{margin-top:0;margin-bottom:.5rem;font-family:inherit;font-size:1.3rem;font-weight:500;line-height:1.1;color:inherit}.timeline-from-date,.timeline-to-date{margin-right:.3rem}.timeline-from-date:before{content:"\ea60";font-family:jQueryTimeline!important;margin-right:.3rem;color:#7f7f7f;font-weight:400}.timeline-to-date:before{content:"\301C";margin-right:.3rem;color:#7f7f7f;font-weight:400}.timeline-body{position:relative;display:block;margin:0 auto;width:inherit;overflow-x:auto;overflow-y:hidden;text-align:center;z-index:1}.timeline-wrapper{position:relative;display:inline-block;margin:0 1px;width:auto;height:259px}.timeline-wrapper:after,.timeline-wrapper:before{content:"";position:absolute;top:0;width:1px;height:100%}.timeline-wrapper:before{left:0;border-left:1px solid #ddd}.timeline-wrapper:after{right:0;border-right:1px solid #ddd}.timeline-timetable{display:table;position:relative;border-collapse:collapse;border-spacing:0;border-color:#ddd;border-top:1px solid #ddd;border-right:0;border-bottom:1px solid #ddd;border-left:0}.timeline-timetable>thead>tr>th{border:0}.timeline-timetable>thead>tr>th.scale-major{padding-top:4px;padding-bottom:4px;font-size:100%;color:#555;text-align:center;border-top:0;border-right:1px solid #ddd;border-bottom:0;border-left:0}.timeline-timetable>thead>tr>th.scale-medium{padding-top:0;padding-bottom:4px;font-size:85%;color:#777;text-align:center;border-top:0;border-right:1px solid #ddd;border-bottom:0;border-left:0}.timeline-timetable>thead>tr>th.scale-major:last-child,.timeline-timetable>thead>tr>th.scale-medium:last-child{border-right:0}.timeline-timetable>thead>tr>th.scale-small{padding:0;border-top:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0}.timeline-timetable>thead>tr>th.scale-small:last-child{border-right:0}.timeline-to-prev{position:absolute;top:-2rem;left:15px;z-index:9}.timeline-to-next{position:absolute;top:-2rem;right:15px;z-index:9}.spacer-cell{display:block;width:29px;min-height:5px}.timeline-events{position:relative;display:none;left:0;width:100%;height:auto;z-index:9}.timeline-container .timeline-events{position:absolute;height:200px}.timeline-body .timeline-events{display:block}.timeline-node{position:absolute;display:block;margin:6px 0;padding:4px 25px 4px 10px;height:auto;line-height:20px;vertical-align:middle;text-align:left;background-color:#e3d7a3;color:#777e41;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;cursor:pointer;z-index:8;-webkit-transition:all 1s ease 0;transition:all 1s ease 0}.timeline-event-pointer{margin:0;padding:0;line-height:1;text-align:center;background-color:#f0f0f0;border-radius:100%;border:solid 4px #4496d3;background-image:none;background-size:cover;background-repeat:no-repeat;background-position:center center}.timeline-node.timeline-event-pointer.hovered{z-index:99}.timeline-node.timeline-event-pointer.active{-webkit-box-shadow:0 10px 6px -6px rgba(51,51,51,.25);box-shadow:0 10px 6px -6px rgba(51,51,51,.25);z-index:99}.timeline-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-node.timeline-text-truncate.active{margin:2px 0 4px;border:solid 1px rgba(61,61,61,.25);-webkit-box-shadow:0 10px 6px -6px rgba(51,51,51,.25);box-shadow:0 10px 6px -6px rgba(51,51,51,.25);z-index:99}.timeline-node.timeline-text-truncate:after{content:"\ec5c";font-family:jQueryTimeline!important;font-size:14px;position:absolute;right:5px}.timeline-loader{position:absolute;display:inline-block;width:48px;height:48px;margin:0;padding:0;top:50%;left:50%;opacity:.3;-webkit-animation:spin 2.1s linear infinite;animation:spin 2.1s linear infinite}.timeline-loader i{position:absolute;top:0;left:0;font-size:48px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.timeline-line-canvas{position:absolute;display:block;left:0;width:100%;height:200px;z-index:6}.timeline-grids{position:absolute;left:0;height:200px;border-top:1px solid #ddd;z-index:0}.timeline-grids>tbody>tr>td{padding:0;border-top:0;border-right:1px dotted #ddd;border-bottom:0;border-left:0;vertical-align:bottom}.timeline-grids>tbody>tr>td:first-child{border-left:0}.timeline-grids>tbody>tr>td:last{border-right:0}.timeline-needle-pointer{position:absolute;display:block;bottom:7px;width:1px;height:calc(100% - 56px);border-left:2px dotted #e8383d;z-index:19}_::-webkit-full-page-media,_:future,:root .timeline-needle-pointer{bottom:0}.timeline-needle-pointer:before{content:"\ea37";font-family:jQueryTimeline!important;position:absolute;top:-8px;left:-7.5px;font-size:13px;color:#e8383d}.timeline-footer{position:relative;top:50%;width:100%;z-index:5}.timeline-nav{width:inherit}.timeline-to-next-default,.timeline-to-prev-default{width:2rem;height:2rem;line-height:2rem;font-size:2rem;color:rgba(71,71,71,.325);text-decoration:none}.timeline-to-next-default:active,.timeline-to-next-default:focus,.timeline-to-next-default:hover,.timeline-to-prev-default:active,.timeline-to-prev-default:focus,.timeline-to-prev-default:hover{color:rgba(71,71,71,.75);text-decoration:none}.timeline-to-next-custom,.timeline-to-prev-custom{width:2rem;height:2rem;line-height:2rem;vertical-align:middle;text-align:center;border-radius:50%;background-color:rgba(51,51,51,.2);color:#fff;text-decoration:none}.timeline-to-next-custom:active,.timeline-to-next-custom:focus,.timeline-to-next-custom:hover,.timeline-to-prev-custom:active,.timeline-to-prev-custom:focus,.timeline-to-prev-custom:hover{background-color:rgba(51,51,51,.3);color:rgba(255,255,255,.75);text-decoration:none}.timeline-event-view{display:block;margin:0 1em}.timeline-event-header{margin-top:0;margin-bottom:1rem;border-bottom:dotted 1px #a8a8a8}.timeline-event-label{font-family:inherit;font-size:1.75rem;font-weight:500;line-height:1.1;color:inherit}.timeline-event-meta{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:300}.timeline-event-meta:before{content:"\ea60";font-family:jQueryTimeline!important;color:#999;margin-right:.5rem}.timeline-event-date-separator{display:inline-block}.timeline-event-date-separator:after{content:"\301c";color:#777;font-weight:400;margin-left:.5rem;margin-right:.5rem}.timeline-event-body{margin-top:0;margin-bottom:1rem}.timeline-event-footer{margin-top:0;margin-bottom:1rem}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_bar_type.png b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_bar_type.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6e5ab0daeb6ecb357895c9d0249dd3fa7b6058e
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_bar_type.png differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_image.png b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..81753568655dc989de9fd13cd6811671bfacf4cb
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_image.png differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type.png b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type.png
new file mode 100644
index 0000000000000000000000000000000000000000..463b2852a37e429989c42a5681122c04ba6f44ce
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type.png differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_basic.png b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_basic.png
new file mode 100644
index 0000000000000000000000000000000000000000..11db920db4d2746def813e139c06874f780dd8d6
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_basic.png differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_curve.png b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_curve.png
new file mode 100644
index 0000000000000000000000000000000000000000..52633446548d544101840ce2597874c3a095c6ef
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/jquery_timeline_point_type_relayline_curve.png differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-1.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..be6d77630f589af3bc93111f3a4a8b014b297370
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-1.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-2.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a4dcdf360ee2d6e2dab90622e30561f0d3a7c38d
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-2.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-3.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4f2cd8a7928ab14bd534913834d785cb473b837b
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-3.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-4.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ca96f240dbed3511430cc0f949f455903a2f7738
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-4.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-5.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..070d0ce74d38cc0dc9fff11f2620f3286d48a04d
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-5.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-6.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..54fa6b6b4db6284ac71c25fe41b1f3c7f94d7c81
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-6.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-7.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8313741a2c663b79211e8f75d3d8983635eb715f
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-7.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/imgs/sample-8.jpg b/public/opac/java/jquery.timeline-master/docs/imgs/sample-8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2c49fe72d16df63b63ac6c986a43e4dcc8d74e31
Binary files /dev/null and b/public/opac/java/jquery.timeline-master/docs/imgs/sample-8.jpg differ
diff --git a/public/opac/java/jquery.timeline-master/docs/index.html b/public/opac/java/jquery.timeline-master/docs/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..7731809a1989b523e36e8f521aca5ed4b5e3fd0b
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/index.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Example jQuery Timeline</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 4.0.0-alpha.6 -->
+  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+  <!-- Font Awesome latest -->
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+  <!-- jQuery Timeline -->
+  <link href="./css/timeline.min.css?ver=1.0.5" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<div class="container-fluid">
+
+  <nav class="content-header">
+
+    <ol class="breadcrumb">
+      <li class="breadcrumb-item"><a href="https://github.com/ka215/jquery.timeline"><i class="fa fa-plug"></i> jQuery Timeline</a></li>
+      <li class="breadcrumb-item active"><a href="./index.html"><i class="fa fa-check-square-o"></i> Bar type</a></li>
+      <li class="breadcrumb-item"><a href="./index2.html">Point type</a></li>
+      <li class="breadcrumb-item"><a href="./index3.html">Multi Languages</a></li>
+    </ol>
+
+  </nav>
+  <!-- /.content-header -->
+
+  <section class="row">
+
+    <div class="content-main col-lg-12">
+    
+      <div id="myTimeline">
+        <ul class="timeline-events">
+          <li>Not allowed event definition</li>
+          <li data-timeline-node="{ start:'2017-5-29 8:00',end:'2017-5-29 10:30',content:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus tortor nec bibendum malesuada. Etiam sed libero cursus, placerat est at, fermentum quam. In sed fringilla mauris. Fusce auctor turpis ac imperdiet porttitor. Duis vel pharetra magna, ut mollis libero. Etiam cursus in leo et viverra. Praesent egestas dui a magna eleifend, id elementum felis maximus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum sed elit gravida, euismod nunc id, ullamcorper tellus. Morbi elementum urna faucibus tempor lacinia. Quisque pharetra purus at risus tempor hendrerit. Nam dui justo, molestie quis tincidunt sit amet, eleifend porttitor mauris. Maecenas sit amet ex vitae mi finibus pharetra. Donec vulputate leo eu vestibulum gravida. Ut in facilisis dolor, vitae iaculis dui.' }">Event Label</li>
+          <li data-timeline-node="{ start:'2017-5-29 10:30',end:'2017-5-29 12:15',bgColor:'#a3d6cc',content:'<p>In this way, you can include <em>HTML tags</em> in the event body.<br><i class=\'fa fa-ellipsis-v\'></i><br><i class=\'fa fa-ellipsis-v\'></i></p>' }">HTML tags is included in the event content</li>
+          <li data-timeline-node="{ start:'2017-5-29 13:00',content:'For the bar type on the timeline, event blocks are displayed in minimum units unless you specify an event end time.' }">Event with undefined of end date</li>
+          <li data-timeline-node="{ end:'2017-5-29 15:00',bgColor:'#e6eb94',content:'In this case, no displayed.' }">Event with undefined of start date</li>
+          <li data-timeline-node="{ start:'2017-5-29 12:45',end:'2017-5-29 16:00',row:2,bgColor:'#89c997',color:'#ffffff',callback:'$(\'#myModal\').modal()',content:'Show modal window via bootstrap' }">Event having callback</li>
+          <li data-timeline-node="{ start:'2017-5-29 16:03',end:'2017-5-29 19:05',row:3,bgColor:'#a1d8e6',color:'#008db7',extend:{toggle:'popover',placement:'bottom',content:'It is also possible to bind external custom events.'} }">Show popover via bootstrap</li>
+          <li data-timeline-node="{ start:'2017-5-28 23:00',end:'2017-5-29 5:15',row:3,extend:{'post_id':13,'permalink':'https://www.google.com/'} }">Event having extended params</li>
+          <li data-timeline-node="{ start:'2017-5-29 5:40',end:'2017-5-29 8:20',row:3,bgColor:'#ef857d',color:'#fff',content:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus tortor nec bibendum malesuada. Etiam sed libero cursus, placerat est at, fermentum quam. In sed fringilla mauris. Fusce auctor turpis ac imperdiet porttitor.' }">Lorem Ipsum</li>
+          <li data-timeline-node="{ start:'2017-5-29 10:00',end:'2017-5-29 19:00',row:4,bdColor:'#942343' }">Event having image for point type</li>
+          <li data-timeline-node="{ start:'2017-4-1 20:00',end:'2017-5-29 8:30',row:5 }">Long event from the past over range</li>
+          <li data-timeline-node="{ start:'2017-5-29 19:00',end:'2017-6-14 1:00',row:5,bgColor:'#fbdac8' }">Long event until the future over range</li>
+        </ul>
+      </div>
+    
+    </div>
+    <!-- /.content-main -->
+
+    <div class="col-lg-6 col-md-12" hidden>
+
+      <div class="card mb-3">
+        <div class"card-block">
+          <h5><i class="fa fa-cog"></i> Timeline Configuration</h5>
+          <div class="card-text">
+            <!-- configuration content -->
+          </div>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+    <div class="col-lg-12 col-md-12">
+
+      <div class="card mb-3">
+        <div class="card-block timeline-event-view">
+          <p class="h1">Timeline Event Detail</p>
+          <p class="lead">Please click on any event on the above timeline.</p>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+
+  </section>
+  <!-- /.row -->
+
+</div>
+<!-- /.container-fluid -->
+
+<div class="modal fade" id="myModal">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title"></h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="timeline-event-view"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- /.modal -->
+
+<!-- REQUIRED JS SCRIPTS -->
+
+<!-- jQuery (latest 3.2.1) -->
+<script src="//code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+<!-- tether 1.4.0 (for using bootstrap's tooltip component) -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" crossorigin="anonymous"></script>
+<!-- Bootstrap 4.0.0-alpha.6 -->
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+<!-- jQuery Timeline -->
+<script src="./js/timeline.min.js?ver=1.0.5"></script>
+<!-- local scripts -->
+<script>
+$(function () {
+
+  $("#myTimeline").timeline({
+    startDatetime: '2017-05-28',
+    rangeAlign: 'center'
+  });
+
+  $("#myTimeline").on('afterRender.timeline', function(){
+    // usage bootstrap's popover
+    $('.timeline-node').each(function(){
+      if ( $(this).data('toggle') === 'popover' ) {
+        $(this).attr( 'title', $(this).text() );
+        $(this).popover({
+          trigger: 'hover'
+        });
+      }
+    });
+  });
+
+  /* 
+  $('#myTimeline').timeline('openEvent', function(){
+    console.info( $(this).data );
+    $('.extend-params');
+  });
+  */
+
+
+});
+</script>
+</body>
+</html>
diff --git a/public/opac/java/jquery.timeline-master/docs/index2.html b/public/opac/java/jquery.timeline-master/docs/index2.html
new file mode 100644
index 0000000000000000000000000000000000000000..f2626f1297013c54ffc3475123545a9a099f8553
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/index2.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Example jQuery Timeline</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 4.0.0-alpha.6 -->
+  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+  <!-- Font Awesome latest -->
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+  <!-- jQuery Timeline -->
+  <link href="./css/timeline.min.css?ver=1.0.5" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<div class="container-fluid">
+
+  <nav class="content-header">
+
+    <ol class="breadcrumb">
+      <li class="breadcrumb-item"><a href="https://github.com/ka215/jquery.timeline"><i class="fa fa-plug"></i> jQuery Timeline</a></li>
+      <li class="breadcrumb-item active"><a href="./index.html">Bar type</a></li>
+      <li class="breadcrumb-item"><a href="./index2.html"><i class="fa fa-check-square-o"></i> Point type</a></li>
+      <li class="breadcrumb-item"><a href="./index3.html">Multi Languages</a></li>
+    </ol>
+
+  </nav>
+  <!-- /.content-header -->
+
+  <section class="row">
+
+    <div class="content-main col-lg-12">
+    
+      <div id="myTimeline">
+        <div class="timeline-events">
+          <!-- point type events -->
+          <label>Row 2</label>
+          <div data-timeline-node="{ eventId:1, start:'2017-1-5 5:30',row:2,bdColor:'#942343',image:'./imgs/sample-1.jpg' }">Event Relation 1</div>
+          <div data-timeline-node="{ eventId:2, start:'2017-2-15 0:00',row:2,margin:12,bdColor:'#942343',relation:{before:1} }">Event Relation 2</div>
+          <div data-timeline-node="{ eventId:3, start:'2017-4-7 12:30',row:2,margin:12,bdColor:'#942343',relation:{before:2},content:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae ligula bibendum, rhoncus felis ac, tincidunt nunc. Maecenas vehicula neque ac tristique egestas.' }">Relational Event (ID:3)</div>
+          <div data-timeline-node="{ eventId:4, start:'2017-5-27 8:40',row:2,margin:12,bdColor:'#942343',relation:{before:3} }">Event Relation 4</div>
+          <div data-timeline-node="{ eventId:5, start:'2017-7-14 17:30',row:2,margin:12,bdColor:'#942343',relation:{before:4} }">Event Relation 5</div>
+          <div data-timeline-node="{ eventId:6, start:'2017-9-26 18:30',row:2,margin:12,bdColor:'#942343',relation:{before:5,after:-1} }">Event Relation 6</div>
+          <label>Row 3</label>
+          <div data-timeline-node="{ eventId:7, start:'2016-9-26 7:00',row:3,image:'./imgs/sample-2.jpg',extend:{toggle:'popover',placement:'top',content:'It is also possible to bind external custom events.'} }">Event Relation 7</div>
+          <div data-timeline-node="{ eventId:8, start:'2016-11-9 8:30',row:3,margin:12,relation:{before:7} }">Event Relation 8</div>
+          <div data-timeline-node="{ eventId:9, start:'2017-1-25 11:15',row:3,margin:12,relation:{before:8} }">Event Relation 9</div>
+          <div data-timeline-node="{ eventId:10, start:'2017-4-7 14:10',row:3,margin:12,relation:{before:9,after:5} }">Event Relation 10</div>
+          <label>Row 4 - 6</label>
+          <div data-timeline-node="{ eventId:11, start:'2016-10-15 0:00',row:6,bdColor:'#37a34a',image:'./imgs/sample-3.jpg',relation:{after:12,linesize:10} }">Event Relation 11</div>
+          <div data-timeline-node="{ eventId:12, start:'2017-2-4 17:00',row:6,bdColor:'#37a34a',image:'./imgs/sample-4.jpg' }">Event Relation 12</div>
+          <div data-timeline-node="{ eventId:13, start:'2016-8-11 22:00',row:5,bdColor:'#6f5436',image:'./imgs/sample-5.jpg',relation:{before:-1,after:11,curve:'rt'} }">Event Relation 13</div>
+          <div data-timeline-node="{ eventId:14, start:'2016-8-31 2:00',row:4,bdColor:'#dc6b9a',image:'./imgs/sample-6.jpg',relation:{before:-1,after:7,linecolor:'#5a4498',curve:'rb'} }">Event Relation 14</div>
+          <div data-timeline-node="{ eventId:15, start:'2016-12-24 10:00',row:4,bdColor:'#dc6b9a',image:'./imgs/sample-7.jpg',relation:{before:8,linecolor:'#5a4498',curve:'lb'} }">Event Relation 15</div>
+          <div data-timeline-node="{ eventId:16, start:'2017-8-11 20:00',row:5,bdColor:'#6f5436',image:'./imgs/sample-8.jpg',relation:{before:12,after:-1,curve:'lt'} }">Event Relation 16</div>
+        </div>
+      </div>
+    
+    </div>
+    <!-- /.content-main -->
+
+    <div class="col-lg-6 col-md-12" hidden>
+
+      <div class="card mb-3">
+        <div class"card-block">
+          <h5><i class="fa fa-cog"></i> Timeline Configuration</h5>
+          <div class="card-text">
+            <!-- configuration content -->
+          </div>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+    <div class="col-lg-12 col-md-12">
+
+      <div class="card mb-3">
+        <div class="card-block timeline-event-view">
+          <p class="h1">Timeline Event Detail</p>
+          <p class="lead">Please click on any event on the above timeline.</p>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+
+  </section>
+  <!-- /.row -->
+
+</div>
+<!-- /.container-fluid -->
+
+<div class="modal fade" id="myModal">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title"></h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="timeline-event-view"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- /.modal -->
+
+<!-- REQUIRED JS SCRIPTS -->
+
+<!-- jQuery (latest 3.2.1) -->
+<script src="//code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+<!-- tether 1.4.0 (for using bootstrap's tooltip component) -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" crossorigin="anonymous"></script>
+<!-- Bootstrap 4.0.0-alpha.6 -->
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+<!-- jQuery Timeline -->
+<script src="./js/timeline.min.js?ver=1.0.5"></script>
+<!-- local scripts -->
+<script>
+$(function () {
+
+  $("#myTimeline").timeline({
+    type: 'point',
+    scale: 'years',
+    startDatetime: '2016-1-1',
+    rows: 6,
+    rangeAlign: 'center'
+  });
+
+  $("#myTimeline").on("afterRender.timeline", function(){
+    // usage bootstrap's popover
+    $('.timeline-node').each(function(){
+      if ( $(this).data('toggle') === 'popover' ) {
+        $(this).attr( 'title', $(this).text() );
+        $(this).popover({
+          trigger: 'hover'
+        });
+      }
+    });
+  });
+
+});
+</script>
+</body>
+</html>
diff --git a/public/opac/java/jquery.timeline-master/docs/index3.html b/public/opac/java/jquery.timeline-master/docs/index3.html
new file mode 100644
index 0000000000000000000000000000000000000000..8baa4e570f4dae54994930059b3790e0c87d946b
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/index3.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Example jQuery Timeline</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 4.0.0-alpha.6 -->
+  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+  <!-- Font Awesome latest -->
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+  <!-- jQuery Timeline -->
+  <link href="./css/timeline.min.css?ver=1.0.5" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<div class="container-fluid">
+
+  <nav class="content-header">
+
+    <ol class="breadcrumb">
+      <li class="breadcrumb-item"><a href="https://github.com/ka215/jquery.timeline"><i class="fa fa-plug"></i> jQuery Timeline</a></li>
+      <li class="breadcrumb-item"><a href="./index.html">Bar type</a></li>
+      <li class="breadcrumb-item"><a href="./index2.html">Point type</a></li>
+      <li class="breadcrumb-item active"><a href="./index3.html"><i class="fa fa-check-square-o"></i> Multi Languages</a></li>
+    </ol>
+
+  </nav>
+  <!-- /.content-header -->
+
+  <section class="row">
+
+    <div class="content-main col-lg-12">
+    
+      <div id="myTimeline">
+        <ul class="timeline-events">
+          <li>Not allowed event definition</li>
+          <li data-timeline-node="{ start:'2017-5-29 8:00',end:'2017-5-29 10:30',content:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus tortor nec bibendum malesuada. Etiam sed libero cursus, placerat est at, fermentum quam. In sed fringilla mauris. Fusce auctor turpis ac imperdiet porttitor. Duis vel pharetra magna, ut mollis libero. Etiam cursus in leo et viverra. Praesent egestas dui a magna eleifend, id elementum felis maximus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum sed elit gravida, euismod nunc id, ullamcorper tellus. Morbi elementum urna faucibus tempor lacinia. Quisque pharetra purus at risus tempor hendrerit. Nam dui justo, molestie quis tincidunt sit amet, eleifend porttitor mauris. Maecenas sit amet ex vitae mi finibus pharetra. Donec vulputate leo eu vestibulum gravida. Ut in facilisis dolor, vitae iaculis dui.' }">Event Label</li>
+          <li data-timeline-node="{ start:'2017-5-29 10:30',end:'2017-5-29 12:15',bgColor:'#a3d6cc',content:'<p>In this way, you can include <em>HTML tags</em> in the event body.<br><i class=\'fa fa-ellipsis-v\'></i><br><i class=\'fa fa-ellipsis-v\'></i></p>' }">HTML tags is included in the event content</li>
+          <li data-timeline-node="{ start:'2017-5-29 13:00',content:'For the bar type on the timeline, event blocks are displayed in minimum units unless you specify an event end time.' }">Event with undefined of end date</li>
+          <li data-timeline-node="{ end:'2017-5-29 15:00',bgColor:'#e6eb94',content:'In this case, no displayed.' }">Event with undefined of start date</li>
+          <li data-timeline-node="{ start:'2017-5-29 12:45',end:'2017-5-29 16:00',row:2,bgColor:'#89c997',color:'#ffffff',callback:'$(\'#myModal\').modal()',content:'Show modal window via bootstrap' }">Event having callback</li>
+          <li data-timeline-node="{ start:'2017-5-29 16:03',end:'2017-5-29 19:05',row:3,bgColor:'#a1d8e6',color:'#008db7',extend:{toggle:'popover',placement:'top',content:'It is also possible to bind external custom events.'} }">Show popover via bootstrap</li>
+          <li data-timeline-node="{ start:'2017-5-28 23:00',end:'2017-5-29 5:15',row:3,extend:{'post_id':13,'permalink':'https://www.google.com/'} }">Event having extended params</li>
+          <li data-timeline-node="{ start:'2017-5-29 5:40',end:'2017-5-29 8:20',row:3,bgColor:'#ef857d',color:'#fff',content:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus tortor nec bibendum malesuada. Etiam sed libero cursus, placerat est at, fermentum quam. In sed fringilla mauris. Fusce auctor turpis ac imperdiet porttitor.' }">Lorem Ipsum</li>
+          <li data-timeline-node="{ start:'2017-5-29 10:00',end:'2017-5-29 19:00',row:4,bdColor:'#942343' }">Event having image for point type</li>
+          <li data-timeline-node="{ start:'2017-4-1 20:00',end:'2017-5-29 8:30',row:5 }">Long event from the past over range</li>
+          <li data-timeline-node="{ start:'2017-5-29 19:00',end:'2017-6-14 1:00',row:5,bgColor:'#fbdac8' }">Long event until the future over range</li>
+        </ul>
+      </div>
+    
+    </div>
+    <!-- /.content-main -->
+
+    <div class="col-lg-6 col-md-12" hidden>
+
+      <div class="card mb-3">
+        <div class"card-block">
+          <h5><i class="fa fa-cog"></i> Timeline Configuration</h5>
+          <div class="card-text">
+            <!-- configuration content -->
+          </div>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+    <div class="col-lg-12 col-md-12">
+
+      <div class="card mb-3">
+        <div class="card-block timeline-event-view">
+          <p class="h1">Timeline Event Detail</p>
+          <p class="lead">Please click on any event on the above timeline.</p>
+        </div>
+      </div>
+      <!-- /.card -->
+    </div>
+    <!-- /.col -->
+
+  </section>
+  <!-- /.row -->
+
+</div>
+<!-- /.container-fluid -->
+
+<div class="modal fade" id="myModal">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title"></h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="timeline-event-view"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- /.modal -->
+
+<!-- REQUIRED JS SCRIPTS -->
+
+<!-- jQuery (latest 3.2.1) -->
+<script src="//code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+<!-- tether 1.4.0 (for using bootstrap's tooltip component) -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" crossorigin="anonymous"></script>
+<!-- Bootstrap 4.0.0-alpha.6 -->
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+<!-- jQuery Timeline -->
+<script src="./js/timeline.min.js?ver=1.0.5"></script>
+<!-- script src="../src/timeline.js?ver=1.0.4"></script -->
+<!-- local scripts -->
+<script>
+$(function () {
+
+  $("#myTimeline").timeline({
+    startDatetime: '2017-05-28',
+    rangeAlign: 'center',
+    langsDir: "./js/langs/",
+    httpLnaguage: true
+  });
+
+  $("#myTimeline").on('afterRender.timeline', function(){
+    // usage bootstrap's popover
+    $('.timeline-node').each(function(){
+      if ( $(this).data('toggle') === 'popover' ) {
+        $(this).attr( 'title', $(this).text() );
+        $(this).popover({
+          trigger: 'hover'
+        });
+      }
+    });
+  });
+
+});
+</script>
+</body>
+</html>
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/de-de.json b/public/opac/java/jquery.timeline-master/docs/js/langs/de-de.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ced1ee31865d62d47e7204cf288103f803b0bd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/de-de.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Januar",
+    "Feb.": "Februar",
+    "März": "März",
+    "Apr.": "April",
+    "Mai": "Mai",
+    "Juni": "Juni",
+    "Juli": "Juli",
+    "Aug.": "August",
+    "Sept.": "September",
+    "Okt.": "Oktober",
+    "Nov.": "November",
+    "Dec.": "December"
+  },
+  "day": {
+    "Mo": "Montag",
+    "Di": "Dienstag",
+    "Mi": "Mittwoch",
+    "Do": "Donnerstag",
+    "Fr": "Freitag",
+    "Sa": "Samstag",
+    "So": "Sonntag"
+  },
+  "ma": [
+    "vorm.",
+    "nachm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/de.json b/public/opac/java/jquery.timeline-master/docs/js/langs/de.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ced1ee31865d62d47e7204cf288103f803b0bd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/de.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Januar",
+    "Feb.": "Februar",
+    "März": "März",
+    "Apr.": "April",
+    "Mai": "Mai",
+    "Juni": "Juni",
+    "Juli": "Juli",
+    "Aug.": "August",
+    "Sept.": "September",
+    "Okt.": "Oktober",
+    "Nov.": "November",
+    "Dec.": "December"
+  },
+  "day": {
+    "Mo": "Montag",
+    "Di": "Dienstag",
+    "Mi": "Mittwoch",
+    "Do": "Donnerstag",
+    "Fr": "Freitag",
+    "Sa": "Samstag",
+    "So": "Sonntag"
+  },
+  "ma": [
+    "vorm.",
+    "nachm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/en-US.json b/public/opac/java/jquery.timeline-master/docs/js/langs/en-US.json
new file mode 100644
index 0000000000000000000000000000000000000000..c2777a93a167c98e0849f6418c7b8c6a40f2b7a2
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/en-US.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan": "January",
+    "Feb": "February",
+    "Mar": "March",
+    "Apr": "April",
+    "May": "May",
+    "Jun": "June",
+    "Jul": "July",
+    "Aug": "August",
+    "Sep": "September",
+    "Oct": "October",
+    "Nov": "November",
+    "Dec": "December"
+  },
+  "day": {
+    "Sun": "Sunday",
+    "Mon": "Monday",
+    "Tue": "Tuesday",
+    "Wed": "Wednesday",
+    "Thu": "Thurseday",
+    "Fri": "Friday",
+    "Sat": "Saturday"
+  },
+  "ma": [
+    "am",
+    "pm"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/fr-FR.json b/public/opac/java/jquery.timeline-master/docs/js/langs/fr-FR.json
new file mode 100644
index 0000000000000000000000000000000000000000..8e4bad3dd63e323a47576c59f37bda8333c35f9c
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/fr-FR.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Janvier",
+    "Fév.": "Février",
+    "Mars": "Mars",
+    "Avr.": "Avril",
+    "Mai": "Mai",
+    "Juin": "Juin",
+    "Juillet": "Juillet",
+    "Août.": "Août",
+    "Sept.": "Septembre",
+    "Oct.": "Octobre",
+    "Nov.": "Novembre",
+    "Déc.": "Décembre"
+  },
+  "day": {
+    "Lu": "Lundi",
+    "Ma": "Mardi",
+    "Me": "Mercredi",
+    "Je": "Jeudi",
+    "Ve": "Vendredi",
+    "Sa": "Samedi",
+    "Di": "Dimanche"
+  },
+  "ma": [
+    "am.",
+    "pm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/fr.json b/public/opac/java/jquery.timeline-master/docs/js/langs/fr.json
new file mode 100644
index 0000000000000000000000000000000000000000..8e4bad3dd63e323a47576c59f37bda8333c35f9c
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/fr.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Janvier",
+    "Fév.": "Février",
+    "Mars": "Mars",
+    "Avr.": "Avril",
+    "Mai": "Mai",
+    "Juin": "Juin",
+    "Juillet": "Juillet",
+    "Août.": "Août",
+    "Sept.": "Septembre",
+    "Oct.": "Octobre",
+    "Nov.": "Novembre",
+    "Déc.": "Décembre"
+  },
+  "day": {
+    "Lu": "Lundi",
+    "Ma": "Mardi",
+    "Me": "Mercredi",
+    "Je": "Jeudi",
+    "Ve": "Vendredi",
+    "Sa": "Samedi",
+    "Di": "Dimanche"
+  },
+  "ma": [
+    "am.",
+    "pm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/js/langs/ja.json b/public/opac/java/jquery.timeline-master/docs/js/langs/ja.json
new file mode 100644
index 0000000000000000000000000000000000000000..04c8f94d0f7a06eb4ecd19625e1ceeae518d3885
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/langs/ja.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "一月": "睦月",
+    "二月": "如月",
+    "三月": "弥生",
+    "四月": "卯月",
+    "五月": "皐月",
+    "六月": "水無月",
+    "七月": "文月",
+    "八月": "葉月",
+    "九月": "長月",
+    "十月": "神無月",
+    "十一月": "霜月",
+    "十二月": "師走"
+  },
+  "day": {
+    "日": "日曜",
+    "月": "月曜",
+    "火": "火曜",
+    "水": "水曜",
+    "木": "木曜",
+    "金": "金曜",
+    "土": "土曜"
+  },
+  "ma": [
+    "午前",
+    "午後"
+  ],
+  "format": {
+    "full": "Y年m月j日",
+    "year": "Yå¹´",
+    "month": "Yå¹´M",
+    "day": "m月j日（D）",
+    "years": "Yå¹´",
+    "months": "F",
+    "days": "j（D）",
+    "meta": "Y年m月j日 H:i",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/js/timeline.min.js b/public/opac/java/jquery.timeline-master/docs/js/timeline.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..41d67023f648ac68cd4197af9a91a47c510ad224
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/js/timeline.min.js
@@ -0,0 +1,9 @@
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Author: Ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */
+!function(e){function t(t){var i,r,n,l=e(t),o=l.data("timeline");n=/-|\/|\s|\:/,r=o.timeline.attr("actual-start-datetime").split(n);var d=new Date(Number(r[0]),Number(r[1])-1,Number(r[2]),Number(r[3]),Number(r[4]),Number(r[5]));Number(r[0])<100&&d.setFullYear(Number(r[0]));var h,f,u=e("<div />",{addClass:"timeline-header"}),p=e("<div />",{addClass:"timeline-body"}),y=e("<div />",{addClass:"timeline-footer"}),v=e("<div />",{addClass:"timeline-wrapper"}),b=e("<table />",{addClass:"timeline-timetable timeline-scale"}),w=e("<div />",{addClass:"timeline-events"}),x=e("<table />",{addClass:"timeline-timetable timeline-grids"}),M=e("<div />",{addClass:"timeline-needle-pointer"}),D=e("<div />",{addClass:"timeline-events default-events"}),N=new Date(d),k={years:{medium_scale:"months",medium_cols:12,small_scale:"days",small_cols:Number(o.timeline.attr("min-grid-per"))},months:{medium_scale:"days",medium_cols:new Date(d.getFullYear(),d.getMonth()+1,0).getDate(),small_scale:"hours",small_cols:Number(o.timeline.attr("min-grid-per"))},days:{medium_scale:"hours",medium_cols:24,small_scale:"minutes",small_cols:Number(o.timeline.attr("min-grid-per"))}},F=o.timeline.attr("scale"),Y=k[F].medium_scale,T=k[F].small_scale,S=Number(o.timeline.attr("min-grid-per"))*Number(o.timeline.attr("min-grid-size")),C=[k[F].medium_cols];if(l.hasClass("timeline-container")||l.addClass("timeline-container"),l.find(".timeline-events").length>0&&(l.find(".timeline-events").children().clone().appendTo(D),a(D,o)),"point"===o.timeline.attr("type")||"mixed"===o.timeline.attr("type"))var H=e("<canvas />",{addClass:"timeline-line-canvas"});if(l.empty(),"years"===o.timeline.attr("scale")?(N.setFullYear(N.getFullYear()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)):"months"===o.timeline.attr("scale")?(N.setMonth(N.getMonth()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)):(N.setDate(N.getDate()+Number(o.timeline.attr("range"))),f=N.getTime(),N.setTime(f-1)),"days"===Y&&Number(o.timeline.attr("range"))>1)for(i=1;i<Number(o.timeline.attr("range"));i++)C.push(new Date(d.getFullYear(),d.getMonth()+1+i,0).getDate());else for(i=1;i<Number(o.timeline.attr("range"));i++)C.push(k[F].medium_cols);if(o.timeline.attr("show-headline")){var L,j,z,I,A;switch(o.timeline.attr("scale")){case"years":z=I="",1==o.timeline.attr("zerofill-year")&&(d.getFullYear()<100?z="00":d.getFullYear()<1e3&&(z="0"),N.getFullYear()<100?I="00":N.getFullYear()<1e3&&(I="0")),L=o.timeline.attr("datetime-prefix")+z+g(o.timeline.attr("datetime-format-year"),d),j=o.timeline.attr("datetime-prefix")+I+g(o.timeline.attr("datetime-format-year"),N);break;case"months":L=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-month"),d),j=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-month"),N);break;case"days":L=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-day"),d),j=o.timeline.attr("datetime-prefix")+g(o.timeline.attr("datetime-format-day"),N)}A='<span class="timeline-from-date">'+L+'</span><span class="timeline-to-date">'+j+"</span>",u.append('<h3 class="timeline-headline">'+A+"</h3>")}var O,J,_,E,P="<tr>",W="<tr>",G="<tr>";for(h=c(C)*k[F].small_cols,o.timeline.attr("total-cols",h),i=0;i<Number(o.timeline.attr("range"));i++){switch(P+='<th colspan="'+C[i]*k[F].small_cols+'" class="scale-major scale-'+F+'">',O=new Date(d),F){case"years":O.setFullYear(O.getFullYear()+i),z="",1==o.timeline.attr("zerofill-year")&&(O.getFullYear()<100?z="00":O.getFullYear()<1e3&&(z="0")),_=z+g(o.timeline.attr("datetime-format-years"),O);break;case"months":O.setMonth(O.getMonth()+i),_=g(o.timeline.attr("datetime-format-months"),O);break;case"days":O.setDate(O.getDate()+i),_=g(o.timeline.attr("datetime-format-days"),O)}P+=_+"</th>"}for(P+="</tr>",i=0;i<c(C);i++){switch(O=new Date(d),Y){case"months":J=i%k[F].medium_cols,_=S<18?"":J+1,E=new Date(O.getFullYear(),O.getMonth()+i,1).getTime();break;case"days":O.setDate(O.getDate()+i),_=S<20?"":O.getDate(),E=O.getTime();break;case"hours":J=i%k[F].medium_cols,_=S<40?"":J+":00",E=O.setTime(O.getTime()+36e5*i)}W+='<th colspan="'+k[F].small_cols+'" class="scale-medium scale-'+Y+'" data-cell-datetime="'+E+'">',W+=_+"</th>"}for(W+="</tr>",i=0;i<h;i++)G+='<th class="scale-small scale-'+T+'"><span class="spacer-cell"></span></th>';var q="<tr>";for(i=0;i<h;i++)q+='<td class="scale-small"><span class="spacer-cell"></span></td>';if(q+="</tr>",0==o.timeline.attr("show-pointer"))M.css("display","none");else{var X=m(s(!0),o);!1!==X?M.css("left",X+"px"):M.css("display","none")}var R=e("<div />",{addClass:"timeline-loader",css:{display:"block"}});R.append('<i class="jqtl-spinner"></i><span class="sr-only">Loading...</span>');var B='<div class="timeline-nav">',Q=""===o.timeline.attr("navi-icon-left")?"jqtl-circle-left":o.timeline.attr("navi-icon-left"),U=""===o.timeline.attr("navi-icon-right")?"jqtl-circle-right":o.timeline.attr("navi-icon-right");return B+='<a href="javascript:void(0);" class="timeline-to-prev '+(/^jqtl-circle-.*$/.test(Q)?"timeline-to-prev-default":"timeline-to-prev-custom")+'"><i class="'+Q+'"></i></a>',B+='<a href="javascript:void(0);" class="timeline-to-next '+(/^jqtl-circle-.*$/.test(U)?"timeline-to-next-default":"timeline-to-next-custom")+'"><i class="'+U+'"></i></a>',B+="</div>",b.append("<thead>"+P+W+G+"</thead>"),x.append("<tbody>"+q+"</tbody>"),"point"===o.timeline.attr("type")||"mixed"===o.timeline.attr("type")?v.append(b.prop("outerHTML")+w.prop("outerHTML")+H.prop("outerHTML")+x.prop("outerHTML")+M.prop("outerHTML")):v.append(b.prop("outerHTML")+w.prop("outerHTML")+x.prop("outerHTML")+M.prop("outerHTML")),p.append(v),y.append(B),l.append(u),l.append(p),l.append(y),l.append(R.prop("outerHTML")),l}function i(t){var i=e(t),a=i.data("timeline");b="auto"===a.timeline.attr("timeline-height")||"number"!=typeof a.timeline.attr("timeline-height")?Number(a.timeline.attr("rows"))*Number(a.timeline.attr("row-height")):Number(a.timeline.attr("timeline-height"));var r={width:i.find(".timeline-timetable.timeline-scale").outerWidth(),height:63};i.find(".timeline-wrapper")[0].offsetHeight!=r.height+b&&(i.find(".timeline-wrapper").css("height",r.height+b+"px"),i.find(".timeline-events").css("height",b+"px"),i.find(".timeline-line-canvas").css("height",b+"px").attr("width",r.width).attr("height",b),i.find(".timeline-grids").css("height",b+"px")),a.timeline.attr("min-grid-size",Number(a.timeline.attr("min-grid-size"))<5?30:Number(a.timeline.attr("min-grid-size"))),i.find(".spacer-cell").width()!=a.timeline.attr("min-grid-size")-1&&i.find(".spacer-cell").css("width",a.timeline.attr("min-grid-size")-1+"px");var n=-1*((i.find(".timeline-body").outerHeight()-i.find(".timeline-scale").outerHeight())/2+i.find(".timeline-to-prev").outerHeight());return i.find(".timeline-to-prev").css("top",n+"px"),i.find(".timeline-to-next").css("top",n+"px"),i.find(".timeline-body").scroll(function(){var t=e(this).scrollLeft();t<1?i.find(".timeline-to-prev").hide():t>=r.width-e(this).outerWidth()-2?i.find(".timeline-to-next").hide():(i.find(".timeline-to-prev").show(),i.find(".timeline-to-next").show())}),i}function a(t,i){if(e(t).children().length>0){var a=[],r=[],n=1;e(t).children().each(function(){if(e(this).data("timelineNode")){var t=new Function("return "+e(this).data("timelineNode"))();t.label=e(this).text(),t.eventId&&r.push(Number(t.eventId)),a.push(t)}}),a.length>0&&(n=r.length>0?Math.max.apply(null,r)+1:n,a.forEach(function(e,t,i){e.eventId||(i[t].eventId=n,n++)}),i.timeline.text(JSON.stringify(a)))}return i}function r(t){var i=e(t),a=i.data("timeline"),r=new Function("return "+a.timeline.text())(),l=new Date(d(a.timeline.attr("actual-start-datetime"))),s=new Date(l),m=a.timeline.attr("type"),c=a.timeline.attr("scale"),h=Number(a.timeline.attr("range")),f=Number(a.timeline.attr("row-height")),u=Number(a.timeline.attr("total-cols")),g=Number(a.timeline.attr("min-grid-per")),p=Number(a.timeline.attr("min-grid-size")),y={x:0,y:0,w:0},b=p*u-1;switch(i.find(".timeline-loader").css("display","block"),c){case"years":s.setYear(s.getFullYear()+h);break;case"months":s.setMonth(s.getMonth()+h-1);break;case"days":s.setDate(s.getDate()+h)}i.find(".timeline-events").empty(),r.forEach(function(t){if(t.start){var a,r=new Date(d(t.start)),n=void 0==t.end?new Date(d(t.start)):new Date(d(t.end)),h=g*p;if(o(r,l,s)){switch(c){case"years":y.x=Math.round((r-l)*b/(s-l));break;case"months":y.x=Math.floor((r-l)/864e5*h);break;case"days":y.x=Math.floor((r-l)/36e5*h)}if(y.y=void 0!==t.row?(t.row-1)*f:0,o(n,l,s)){switch(c){case"years":y.w=Math.floor((n-l)/2592e6*h-y.x);break;case"months":y.w=Math.floor((n-l)/864e5*h-y.x);break;case"days":y.w=Math.floor((n-l)/36e5*h-y.x)}0==y.w&&(y.w=1)}else switch(c){case"years":y.w=Math.floor((s-l)/2592e6*h-y.x);break;case"months":y.w=Math.floor((s-l)/864e5*h-y.x);break;case"days":y.w=Math.floor((s-l)/36e5*h-y.x)}}else if(o(n,l,s))switch(y.x=0,y.y=void 0!==t.row?(t.row-1)*f:0,c){case"years":y.w=Math.floor((n-l)/2592e6*h);break;case"months":y.w=Math.floor((n-l)/864e5*h);break;case"days":y.w=Math.floor((n-l)/36e5*h)}else if(o(l,r,n)&&o(s,r,n))switch(y.x=0,y.y=void 0!==t.row?(t.row-1)*f:0,c){case"years":y.w=Math.floor((s-l)/2592e6*h);break;case"months":y.w=Math.floor((s-l)/864e5*h);break;case"days":y.w=Math.floor((s-l)/36e5*h)}else y.w=0;if(y.w>0){if("point"===m){var u=t.margin?Number(t.margin):v;u=(u=u<0?0:u)>f/2?f/2-1:u,a=e("<div />",{addClass:"timeline-node timeline-event-pointer",id:"evt-"+t.eventId,css:{left:y.x-Math.floor(f/2)+u+"px",top:y.y+u+"px",width:f-2*u+"px",height:f-2*u+"px"},title:t.label}),t.bdColor?a.css("border-color",t.bdColor):t.bgColor&&a.css("border-color",t.bgColor),t.image&&a.css("background-image","url("+t.image+")"),t.relation&&e.each(t.relation,function(t,i){-1==e.inArray(t,["before","after","size"])||isNaN(i)?"curve"===t?-1!=e.inArray(i,["lt","rt","lb","rb"])&&a.attr("data-relay-curve",i):a.attr("data-relay-"+t,i):a.attr("data-relay-"+t,Number(i))})}else a=e("<div />",{addClass:"timeline-node timeline-text-truncate",id:"evt-"+t.eventId,css:{left:y.x+"px",top:y.y+"px",width:y.w+"px"},text:t.label}),t.color&&a.css("color",t.color),y.w<p&&a.css("padding-left","1.5rem").css("padding-right","0").css("text-overflow","clip");t.bgColor&&a.css("background-color",t.bgColor),t.extend&&e.each(t.extend,function(e,t){a.attr("data-"+e,t)}),i.find(".timeline-events").append(a.prop("outerHTML"))}}}),i.find(".timeline-loader").css("display","none"),"point"!==m&&"mixed"!==m||(n(i),i.find(".timeline-event-pointer").hover(function(t){var i;"mouseenter"===t.type?(i={left:parseInt(e(this).css("left")),top:parseInt(e(this).css("top")),width:parseInt(e(this).css("width")),height:parseInt(e(this).css("height"))},e(this).attr("data-default-axis",JSON.stringify(i)),e(this).hasClass("hovered")||e(this).addClass("hovered").animate({left:i.left-f/10,top:i.top-f/10,width:i.width+f/10*2,height:i.height+f/10*2},0)):"mouseleave"===t.type&&(i=e(this).data("defaultAxis"),e(this).css("left",i.left+"px").css("top",i.top+"px").css("width",i.width+"px").css("height",i.height+"px"),e(this).removeAttr("data-default-axis"),e(this).hasClass("hovered")&&e(this).removeClass("hovered"))}))}function n(t){function i(e,t,i){if("object"==typeof e&&"object"==typeof t){i=i||!1;var r,n={x:Math.abs((e.x-t.x)/y),y:Math.abs((e.y-t.y)/y)};if(a.beginPath(),a.moveTo(e.x,e.y),!1!==i){switch(i){case"lt":r={relayStartX:e.x,relayStartY:t.y+y,cpx:e.x,cpy:t.y,relayEndX:e.x+y,relayEndY:t.y};break;case"rt":r={relayStartX:t.x-y,relayStartY:e.y,cpx:t.x,cpy:e.y,relayEndX:t.x,relayEndY:e.y+y};break;case"lb":r={relayStartX:e.x,relayStartY:t.y-y,cpx:e.x,cpy:t.y,relayEndX:e.x+y,relayEndY:t.y};break;case"rb":r={relayStartX:t.x-y,relayStartY:e.y,cpx:t.x,cpy:e.y,relayEndX:t.x,relayEndY:e.y-y}}(n.x>1||n.y>1)&&a.lineTo(r.relayStartX,r.relayStartY),a.quadraticCurveTo(r.cpx,r.cpy,r.relayEndX,r.relayEndY)}a.lineTo(t.x,t.y),a.stroke()}}var a,r=t.find(".timeline-node.timeline-event-pointer"),n=t.find(".timeline-line-canvas")[0];n.getContext&&(a=n.getContext("2d"),r.each(function(){var t,r,l,s,o,m,d=void 0==e(this).data("relayLinecolor")?e(this).css("border-left-color"):e(this).data("relayLinecolor"),c=void 0==e(this).data("relayLinesize")?Math.round(y/10):e(this).data("relayLinesize");a.strokeStyle=d,a.lineWidth=c,a.lineJoin="round",a.lineCap="round",s={x:(y-a.lineWidth)/2,y:y/2},o=Math.floor((y-e(this)[0].offsetWidth)/2),t={x:e(this)[0].offsetLeft-o+s.x,y:Math.floor(e(this)[0].offsetTop/y)*y+s.y},void 0!=e(this).data("relayBefore")&&(e(this).data("relayBefore")>0?e("#evt-"+e(this).data("relayBefore")).length>0&&(o=Math.floor((y-e("#evt-"+e(this).data("relayBefore"))[0].offsetWidth)/2),r={x:e("#evt-"+e(this).data("relayBefore"))[0].offsetLeft-o+s.x,y:Math.floor(e("#evt-"+e(this).data("relayBefore"))[0].offsetTop/y)*y+s.y}):r={x:0,y:t.y},r&&(m=(r.y-t.y)/y,Math.abs(m)>0&&void 0!=e(this).data("relayCurve")&&-1!=e.inArray(e(this).data("relayCurve"),["lt","rt","lb","rb"])?i(r,t,e(this).data("relayCurve")):i(r,t))),void 0!=e(this).data("relayAfter")&&(e(this).data("relayAfter")>0?e("#evt-"+e(this).data("relayAfter")).length>0&&(o=Math.floor((y-e("#evt-"+e(this).data("relayAfter"))[0].offsetWidth)/2),l={x:e("#evt-"+e(this).data("relayAfter"))[0].offsetLeft-o+s.x,y:Math.floor(e("#evt-"+e(this).data("relayAfter"))[0].offsetTop/y)*y+s.y}):l={x:n.width,y:t.y},l&&(m=(t.y-l.y)/y,Math.abs(m)>0&&void 0!=e(this).data("relayCurve")&&-1!=e.inArray(e(this).data("relayCurve"),["lt","rt","lb","rb"])?i(t,l,e(this).data("relayCurve")):i(t,l)))}))}function l(t,i){if(0==e(".timeline-event-view").length)return!0;e(".timeline-event-view").empty();var a,r=e("<div />",{addClass:"timeline-event-header"}),n=e("<h3 />",{addClass:"timeline-event-label"}),l=e("<div />",{addClass:"timeline-event-meta"}),s=e("<div />",{addClass:"timeline-event-body"}),o=e("<div />",{addClass:"timeline-event-footer"});return n.text(t.label),""===i.end&&(i.end=i.start),a='<span class="timeline-event-start-date">'+g(i.start,t.start)+"</span>",t.end&&(a+='<span class="timeline-event-date-separator"></span>',a+='<span class="timeline-event-end-date">'+g(i.end,t.end)+"</span>"),r.append(n.prop("outerHTML")+l.append(a).prop("outerHTML")),t.content&&s.html(t.content),e(".timeline-event-view").append(r.prop("outerHTML")+s.prop("outerHTML")+o.prop("outerHTML")),!0}function s(t){var i=new Date;return t&&x().then(function(){i=e("body").data("serverDate"),e.removeData("body","serverDate")},function(){i=new Date}),i}function o(e,t,i){var a=new Date(e).getTime(),r=new Date(t).getTime(),n=new Date(i).getTime();return a-r>=0&&n-a>=0}function m(e,t){e="[object Date]"===Object.prototype.toString.call(e)?e:new Date(d(e));var i,a,r=t.timeline,n=new Date(d(r.attr("actual-start-datetime"))),l=new Date(n),s=r.attr("scale"),m=Number(r.attr("range")),c=Number(r.attr("total-cols")),h=Number(r.attr("min-grid-per")),f=Number(r.attr("min-grid-size")),u=f*c-1,g=h*f;switch(s){case"years":i=(l=new Date(l.setFullYear(l.getFullYear()+m))).getTime(),l.setTime(i-1);break;case"months":i=(l=new Date(l.setMonth(l.getMonth()+m))).getTime(),l.setTime(i-1);break;case"days":i=(l=new Date(l.setDate(l.getDate()+m))).getTime(),l.setTime(i-1)}if(o(e,n,l)){switch(s){case"years":a=Math.round((e-n)*u/(l-n));break;case"months":a=Math.floor((e-n)/864e5*g);break;case"days":a=Math.floor((e-n)/36e5*g)}return a}return!1}function d(e){return e.replace(/-/g,"/")}function c(e){return e.reduce(function(e,t){return e+t})}function h(e){var t=[];for(var i in e)e.hasOwnProperty(i)&&t.push(e[i]);return t}function f(e){var t=[];for(var i in e)e.hasOwnProperty(i)&&t.push(i);return t}function u(e,t){var i=function(e,t){return Array(e+1).join(t)}(t-1,"0");return String(e).length==t?e:(i+e).substr(-1*e)}function g(t,i){t=t||"";var a="[object Date]"===Object.prototype.toString.call(i)?i:new Date(d(i)),r={Jan:"January",Feb:"February",Mar:"March",Apr:"April",May:"May",Jun:"June",Jul:"July",Aug:"August",Sep:"September",Oct:"October",Nov:"November",Dec:"December"},n={Sun:"Sunday",Mon:"Monday",Tue:"Tuesday",Wed:"Wednesday",Thu:"Thurseday",Fri:"Friday",Sat:"Saturday"},l=["am","pm"],s=t.split(""),o="",m=!1,c=function(e){var t=new Date(e.getFullYear(),e.getMonth()+1,1);return t.setTime(t.getTime()-1),t.getDate()},g=function(e){var t,i=new Date(e.getFullYear(),0,1),a=0;for(t=0;t<12;t++)i.setMonth(t),a+=c(i);return 365===a?0:1},p=function(e){var t,i=new Date(e.getFullYear(),0,1),a=0;for(t=0;t<e.getMonth();t++)i.setMonth(t),a+=c(i);return a+e.getDate()},y=function(e){var t=e.getHours();return t>12?t-12:t},v=function(e){return e.getHours()>12?l[1]:l[0]};if(""===t)return a;if(e(".timeline-container").length>0){var b=e(".timeline-container").eq(0).data("timeline").timeline;r=b.attr("i18n-month")?JSON.parse(b.attr("i18n-month")):r,n=b.attr("i18n-day")?JSON.parse(b.attr("i18n-day")):n,l=b.attr("i18n-ma")?JSON.parse(b.attr("i18n-ma")):l}return s.forEach(function(e,t){var i,l,d,b;if(!1!==m)return m=!1,!0;switch(e){case"Y":case"o":i=a.getFullYear();break;case"y":i=(""+a.getFullYear()).slice(-2);break;case"m":i=("0"+(a.getMonth()+1)).slice(-2);break;case"n":i=a.getMonth()+1;break;case"F":i=h(r)[a.getMonth()];break;case"M":i=f(r)[a.getMonth()];break;case"d":i=("0"+a.getDate()).slice(-2);break;case"j":i=a.getDate();break;case"S":i=["st","nd","rd","th"][function(){var e=a.getDate();return 1==e||2==e||3==e||21==e||22==e||23==e||31==e?Number((""+e).slice(-1)-1):3}()];break;case"w":case"W":i=a.getDay();break;case"l":i=h(n)[a.getDay()];break;case"D":i=f(n)[a.getDay()];break;case"N":i=0===a.getDay()?7:a.getDay();break;case"a":i=v(a);break;case"A":i=v(a).toUpperCase();break;case"g":i=y(a);break;case"h":i=("0"+y(a)).slice(-2);break;case"G":i=a.getHours();break;case"H":i=("0"+a.getHours()).slice(-2);break;case"i":i=("0"+a.getMinutes()).slice(-2);break;case"s":i=("0"+a.getSeconds()).slice(-2);break;case"z":i=p(a);break;case"t":i=c(a);break;case"L":i=g(a);break;case"c":l=a.getTimezoneOffset(),d=[Math.floor(Math.abs(l)/60),Math.abs(l)%60],b=l<0?"+":"-",i=a.getFullYear()+"-"+u(a.getMonth()+1,2)+"-"+u(a.getDate(),2)+"T",i+=u(a.getHours(),2)+":"+u(a.getMinutes(),2)+":"+u(a.getSeconds(),2),i+=b+u(d[0],2)+":"+u(d[1],2);break;case"r":l=a.getTimezoneOffset(),d=[Math.floor(Math.abs(l)/60),Math.abs(l)%60],b=l<0?"+":"-",i=f(n)[a.getDay()]+", "+a.getDate()+" "+f(r)[a.getMonth()]+" "+a.getFullYear()+" ",i+=u(a.getHours(),2)+":"+u(a.getMinutes(),2)+":"+u(a.getSeconds(),2)+" ",i+=b+u(d[0],2)+u(d[1],2);break;case"u":i=a.getTime();break;case"U":i=Date.parse(a)/1e3;break;case"\\":m=!0,i=s[t+1];break;default:i=e}o+=i}),o}function p(t){var i=e.Deferred(),a=(t.data("timeline").timeline.attr("langs-dir")||"./langs/")+t[0].lang+".json";return e.ajax({url:a,type:"get",dataType:"json"}).done(function(e){i.resolve(e)}).fail(function(){i.reject()}),i.promise()}var y,v=2,b=0,w={init:function(a){var n=e.extend({type:"bar",scale:"days",startDatetime:"currently",datetimePrefix:"",showHeadline:!0,datetimeFormat:{full:"j M Y",year:"Y",month:"M Y",day:"D, j M",years:"Y",months:"F",days:"j",meta:"Y/m/d H:i",metato:""},minuteInterval:30,zerofillYear:!1,range:3,rows:5,rowHeight:40,height:"auto",minGridPer:2,minGridSize:30,rangeAlign:"current",naviIcon:{left:"jqtl-circle-left",right:"jqtl-circle-right"},showPointer:!0,i18n:{},langsDir:"./langs/",httpLnaguage:!1},a);return this.each(function(){var l=e(this),o=l.data("timeline"),m=e("<div />",{title:l.find(".timeline-headline").text(),type:n.type,scale:n.scale,"start-datetime":n.startDatetime,"datetime-prefix":n.datetimePrefix,"show-headline":n.showHeadline?1:0,"datetime-format-full":n.datetimeFormat.full||"j M Y","datetime-format-year":n.datetimeFormat.year||"Y","datetime-format-month":n.datetimeFormat.month||"M Y","datetime-format-day":n.datetimeFormat.day||"D, j M","datetime-format-years":n.datetimeFormat.years||"Y","datetime-format-months":n.datetimeFormat.months||"F","datetime-format-days":n.datetimeFormat.days||"j","datetime-format-meta":n.datetimeFormat.meta||"Y/m/d H:i","datetime-format-metato":n.datetimeFormat.metato||"","minute-interval":n.minuteInterval,"zerofill-year":n.zerofillYear?1:0,range:n.range,rows:n.rows,"row-height":n.rowHeight,"timeline-height":n.height,"min-grid-per":n.minGridPer,"min-grid-size":n.minGridSize,"range-align":n.rangeAlign,"navi-icon-left":n.naviIcon.left||"jqtl-circle-left","navi-icon-right":n.naviIcon.right||"jqtl-circle-right","show-pointer":n.showPointer?1:0,"i18n-month":n.i18n.month?JSON.stringify(n.i18n.month):"","i18n-day":n.i18n.day?JSON.stringify(n.i18n.day):"","i18n-ma":n.i18n.ma?JSON.stringify(n.i18n.ma):"","langs-dir":n.langsDir,"http-language":n.httpLnaguage?1:0,text:""});if(l.on("click.timeline",".timeline-to-prev",w.dateback),l.on("click.timeline",".timeline-to-next",w.dateforth),l.on("click.timeline",".timeline-node",w.openEvent),l.on("align.timeline",w.alignment),l.on("afterRender.timeline",function(){e(this).off("afterRender.timeline")}),o)r(l);else{l.data("timeline",{target:l,timeline:m}),y=n.rowHeight;var c,h,f,u;switch("currently"===n.startDatetime?c=s(!0):(c=new Date(d(n.startDatetime)),u=/-|\//,f=n.startDatetime.split(u),Number(f[0])<100&&c.setFullYear(Number(f[0]))),n.scale){case"years":h=c.getFullYear()+"/01/01 00:00:00";break;case"months":h=c.getFullYear()+"/"+(c.getMonth()+1)+"/01 00:00:00";break;case"days":h=c.getFullYear()+"/"+(c.getMonth()+1)+"/"+c.getDate()+" 00:00:00";break;default:h=c.getFullYear()+"/"+(c.getMonth()+1)+"/"+c.getDate()+" "+h.getHours()+":00:00"}l.data("timeline").timeline.attr("actual-start-datetime",h),M(n.httpLnaguage).always(function(e){l[0].lang=e}).then(function(){p(l).done(function(e){if(l.data("timeline").timeline.attr("i18n-month",JSON.stringify(e.month)),l.data("timeline").timeline.attr("i18n-day",JSON.stringify(e.day)),l.data("timeline").timeline.attr("i18n-ma",JSON.stringify(e.ma)),"format"in e)for(var s in e.format)l.data("timeline").timeline.attr("datetime-format-"+s,e.format[s]);t(l),i(l),l.trigger("align.timeline",[n.rangeAlign]),l.css("visibility","visible"),r(l),l.trigger("afterRender.timeline",[a])}).fail(function(){t(l),i(l),l.trigger("align.timeline",[n.rangeAlign]),l.css("visibility","visible"),r(l),l.trigger("afterRender.timeline",[a])})})}})},initialized:function(t){return this.each(function(){var i=e(this),a=i.data("timeline");a&&"function"==typeof t&&t(i,a)})},destroy:function(){return this.each(function(){var t=e(this),i=t.data("timeline");e(window).off(".timeline"),i&&(i.timeline.remove(),t.removeData("timeline"))})},render:function(a){return this.each(function(){var n=e(this),l=n.data("timeline");"type"in a&&l.timeline.attr("type",a.type),"scale"in a&&l.timeline.attr("scale",a.scale),"startDatetime"in a&&l.timeline.attr("start-datetime",a.startDatetime),"datetimePrefix"in a&&l.timeline.attr("datetime-prefix",a.datetimePrefix),"showHeadline"in a&&l.timeline.attr("show-headline",a.showHeadline?1:0),"datetimeFormat"in a&&(void 0!=typeof a.datetimeFormat.full&&l.timeline.attr("datetime-format-full",a.datetimeFormat.full),void 0!=typeof a.datetimeFormat.year&&l.timeline.attr("datetime-format-year",a.datetimeFormat.year),void 0!=typeof a.datetimeFormat.month&&l.timeline.attr("datetime-format-month",a.datetimeFormat.month),void 0!=typeof a.datetimeFormat.day&&l.timeline.attr("datetime-format-day",a.datetimeFormat.day),void 0!=typeof a.datetimeFormat.years&&l.timeline.attr("datetime-format-years",a.datetimeFormat.years),void 0!=typeof a.datetimeFormat.months&&l.timeline.attr("datetime-format-months",a.datetimeFormat.months),void 0!=typeof a.datetimeFormat.days&&l.timeline.attr("datetime-format-days",a.datetimeFormat.days),void 0!=typeof a.datetimeFormat.meta&&l.timeline.attr("datetime-format-meta",a.datetimeFormat.meta),void 0!=typeof a.datetimeFormat.metato&&l.timeline.attr("datetime-format-metato",a.datetimeFormat.metato)),"minuteInterval"in a&&l.timeline.attr("minute-interval",a.minuteInterval),"zerofillYear"in a&&l.timeline.attr("zerofill-year",a.zerofillYear?1:0),"range"in a&&l.timeline.attr("range",a.range),"rows"in a&&l.timeline.attr("rows",a.rows),"rowHeight"in a&&l.timeline.attr("row-height",a.rowHeight),"height"in a&&l.timeline.attr("timeline-height",a.height),"minGridPer"in a&&l.timeline.attr("min-grid-per",a.minGridPer),"minGridSize"in a&&l.timeline.attr("min-grid-size",a.minGridSize),"rangeAlign"in a&&l.timeline.attr("range-align",a.rangeAlign),"naviIcon"in a&&(void 0!=typeof a.naviIcon.left&&l.timeline.attr("navi-icon-left",a.naviIcon.left),void 0!=typeof a.naviIcon.right&&l.timeline.attr("navi-icon-right",a.naviIcon.right)),"showPointer"in a&&l.timeline.attr("show-pointer",a.showPointer?1:0),"i18n"in a&&(void 0!=typeof a.i18n.month&&l.timeline.attr("i18n-month",JSON.stringify(a.i18n.month)),void 0!=typeof a.i18n.day&&l.timeline.attr("i18n-day",JSON.stringify(a.i18n.day)),void 0!=typeof a.i18n.ma&&l.timeline.attr("i18n-ma",JSON.stringify(a.i18n.ma))),"langsDir"in a&&l.timeline.attr("langs-dir",a.langsDir),"httpLanguage"in a&&l.timeline.attr("http-language",a.httpLanguage);var o,m,c,h;switch("currently"===l.timeline.attr("start-datetime")?o=s(!0):(o=new Date(d(l.timeline.attr("start-datetime"))),h=/-|\//,c=l.timeline.attr("start-datetime").split(h),Number(c[0])<100&&o.setFullYear(Number(c[0]))),l.timeline.attr("scale")){case"years":m=o.getFullYear()+"/01/01 00:00:00";break;case"months":m=o.getFullYear()+"/"+(o.getMonth()+1)+"/01 00:00:00";break;case"days":m=o.getFullYear()+"/"+(o.getMonth()+1)+"/"+o.getDate()+" 00:00:00";break;default:m=o.getFullYear()+"/"+(o.getMonth()+1)+"/"+o.getDate()+" "+m.getHours()+":00:00"}l.timeline.attr("actual-start-datetime",m),n.find(".timeline-container").empty().removeClass("timeline-container"),M(l.timeline.attr("http-language")).always(function(e){n[0].lang=e}).then(function(){p(n).done(function(e){if(l.timeline.attr("i18n-month",JSON.stringify(e.month)),l.timeline.attr("i18n-day",JSON.stringify(e.day)),l.timeline.attr("i18n-ma",JSON.stringify(e.ma)),"format"in e)for(var s in e.format)n.data("timeline").timeline.attr("datetime-format-"+s,e.format[s]);t(n),i(n),r(n),n.trigger("align.timeline",[l.timeline.attr("range-align")]),n.trigger("afterRender.timeline",[a])}).fail(function(){t(n),i(n),r(n),n.trigger("align.timeline",[l.timeline.attr("range-align")]),n.trigger("afterRender.timeline",[a])})})})},show:function(){return this.each(function(){e(this).css("display","block").css("visibility","visible")})},hide:function(){return this.each(function(){e(this).css("visibility","hidden").css("display","none")})},dateback:function(t){t.preventDefault();var i=e(this).parents(".timeline-container"),a=i.data("timeline"),r=i.find(".timeline-body")[0].clientWidth,n=i.find(".timeline-wrapper")[0].scrollWidth,l=i.find(".timeline-body").scrollLeft(),s=0;return n>r&&(s=(s=l/r>1?l-r:l-(n-r)/Number(a.timeline.attr("range")))<0?0:s,i.find(".timeline-body").animate({scrollLeft:s},300)),this},dateforth:function(t){t.preventDefault();var i=e(this).parents(".timeline-container"),a=i.data("timeline"),r=i.find(".timeline-body")[0].clientWidth,n=i.find(".timeline-wrapper")[0].scrollWidth,l=i.find(".timeline-body").scrollLeft(),s=0;return n>r&&(s=(s=(n-l)/r>1?l+r:l+(n-r)/Number(a.timeline.attr("range")))>n-r+1?n-r+1:s,i.find(".timeline-body").animate({scrollLeft:s},300)),this},alignment:function(){var t=arguments.length>1?Array.prototype.slice.call(arguments,1):[arguments[0]],i=t[0].toLowerCase(),a=void 0!==t[1]?String(t[1]).toLowerCase():0,r=e(this).find(".timeline-body")[0].clientWidth,n=e(this).find(".timeline-wrapper")[0].scrollWidth,l=0;if(n>r){var o,c=e(this).data("timeline");switch(i){case"left":l=0;break;case"right":l=n-r+1;break;case"center":l=(n-r)/2;break;case"current":l=(o=m(s(!0),c))>-1?o-r/2>n-r+1?n-r+1:o-r/2:n-r+1;break;case"latest":var h,f,u,p=new Function("return "+c.timeline.text())();e.each(p,function(e,t){f=g("U",t.start),0==e?(h=f,u=e):f>=h&&(h=f,u=e)}),l=(o=m(new Date(d(p[u].start)),c))>-1?o-r/2>n-r+1?n-r+1:o-r/2:n-r+1;break;default:l=0;var y="#"+i;e(y).length&&(l=(o=e(y).position().left)-r/2>n-r+1?n-r+1:o-r/2)}-1!=e.inArray(a,["slow","normal","fast"])||Number(a)>0?e(this).find(".timeline-body").animate({scrollLeft:l},a):e(this).find(".timeline-body").scrollLeft(l)}return this},getOptions:function(){var t=e(this).data("timeline");return{title:t.timeline.attr("title"),type:t.timeline.attr("type"),scale:t.timeline.attr("scale"),startDatetime:t.timeline.attr("start-datetime"),datetimePrefix:t.timeline.attr("datetime-prefix"),showHeadline:1==Number(t.timeline.attr("show-headline")),datetimeFormat:{full:t.timeline.attr("datetime-format-full"),year:t.timeline.attr("datetime-format-year"),month:t.timeline.attr("datetime-format-month"),day:t.timeline.attr("datetime-format-day"),years:t.timeline.attr("datetime-format-years"),months:t.timeline.attr("datetime-format-months"),days:t.timeline.attr("datetime-format-days")},minuteInterval:Number(t.timeline.attr("minute-interval")),zerofillYear:1==Number(t.timeline.attr("zerofill-year")),range:Number(t.timeline.attr("range")),rows:Number(t.timeline.attr("rows")),rowHeight:Number(t.timeline.attr("row-height")),height:"auto"===t.timeline.attr("timeline-height")?"auto":Number(t.timeline.attr("timeline-height")),minGridPer:Number(t.timeline.attr("min-grid-per")),minGridSize:Number(t.timeline.attr("min-grid-size")),rangeAlign:t.timeline.attr("range-align"),naviIcon:{left:t.timeline.attr("navi-icon-left"),right:t.timeline.attr("navi-icon-right")},showPointer:t.timeline.attr("show-pointer"),i18n:{month:JSON.parse(t.timeline.attr("i18n-month")),day:JSON.parse(t.timeline.attr("i18n-day")),ma:JSON.parse(t.timeline.attr("i18n-ma"))},langsDir:t.timeline.attr("langs-dir"),events:new Function("return "+t.timeline.text())()}},addEvent:function(t,i){return this.each(function(){var a=e(this),n=a.data("timeline"),l=new Function("return "+n.timeline.text())(),s=1,o=[s];t.length>0&&(e.each(l,function(e,t){o.push(Number(t.eventId))}),s=Math.max.apply(null,o)+1,e.each(t,function(e,t){t.eventId=s,s++,l.push(t)}),n.timeline.text(JSON.stringify(l))),r(a),e(this).trigger("align.timeline",["evt-"+(s-1),"fast"]),n&&"function"==typeof i&&i(a,n)})},removeEvent:function(){var t,i;return 0==arguments.length?(t="all",i=null):1==arguments.length?"function"==typeof arguments[0]?(t="all",i=arguments[0]):(t=arguments[0],i=null):(t=arguments[0],i=arguments[1]),this.each(function(){var a=e(this),n=a.data("timeline"),l=new Function("return "+n.timeline.text())();if("all"===t)l=[];else{var s=[];e.each(l,function(i,a){-1==e.inArray(a.eventId,t)&&s.push(a)}),l=s}n.timeline.text(JSON.stringify(l)),r(a),n&&"function"==typeof i&&i(a,n)})},updateEvent:function(t,i){return void 0!==t&&this.each(function(){var a,n=e(this),l=n.data("timeline"),s=new Function("return "+l.timeline.text())(),o=[];t.length>0&&e.each(t,function(e,t){o.push(t.eventId)}),s.length>0&&o.length>0&&(e.each(s,function(i,r){if(-1!=e.inArray(r.eventId,o)){var n;e.each(t,function(e,t){if(t.eventId==r.eventId)return n=t,a=t.eventId,!1}),s[i]=n}}),l.timeline.text(JSON.stringify(s))),r(n),e(this).trigger("align.timeline",["evt-"+a,"fast"]),l&&"function"==typeof i&&i(n,l)})},openEvent:function(t){var i=Number(e(t.target).attr("id").replace("evt-","")),a=t.delegateTarget;return""!==i&&0!=i&&e(a).each(function(){var t,a=e(this).data("timeline"),r=new Function("return "+a.timeline.text())(),n={start:a.timeline.attr("datetime-format-meta"),end:a.timeline.attr("datetime-format-metato")};e.each(r,function(e,a){if(a.eventId==i)return t=a,!1}),e(this).find(".timeline-node").each(function(){e(this).attr("id")==="evt-"+i?e(this).addClass("active"):e(this).removeClass("active")}),e(this).trigger("align.timeline",["evt-"+i,"fast"]),l(t,n)&&t.callback&&Function.call(null,"return "+t.callback)()})}};e.fn.timeline=function(t){return w[t]?w[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist on jQuery.timeline."):w.init.apply(this,arguments)};var x=function(){return e.ajax({type:"GET"}).done(function(t,i,a){e("body").data("serverDate",new Date(d(a.getResponseHeader("Date"))))}).promise()},M=function(){var t=e.Deferred(),i=navigator.userLanguage||navigator.browserLanguage||navigator.language;return 0!=arguments.length&&arguments[0]?e.ajax({url:"//ajaxhttpheaders.appspot.com",data:{callback:"jQuery.Timeline"},dataType:"jsonp"}).done(function(e){var a,r;r=(a=e["Accept-Language"].split(";"))[0].split(","),a[1].split(","),e["X-Appengine-Country"],r.length>0&&(i=r[0]),t.resolve(i)}).fail(function(){t.reject()}):t.resolve(i),t.promise()}}(jQuery);
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/langs/de-de.json b/public/opac/java/jquery.timeline-master/docs/langs/de-de.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ced1ee31865d62d47e7204cf288103f803b0bd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/langs/de-de.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Januar",
+    "Feb.": "Februar",
+    "März": "März",
+    "Apr.": "April",
+    "Mai": "Mai",
+    "Juni": "Juni",
+    "Juli": "Juli",
+    "Aug.": "August",
+    "Sept.": "September",
+    "Okt.": "Oktober",
+    "Nov.": "November",
+    "Dec.": "December"
+  },
+  "day": {
+    "Mo": "Montag",
+    "Di": "Dienstag",
+    "Mi": "Mittwoch",
+    "Do": "Donnerstag",
+    "Fr": "Freitag",
+    "Sa": "Samstag",
+    "So": "Sonntag"
+  },
+  "ma": [
+    "vorm.",
+    "nachm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/langs/en-US.json b/public/opac/java/jquery.timeline-master/docs/langs/en-US.json
new file mode 100644
index 0000000000000000000000000000000000000000..c2777a93a167c98e0849f6418c7b8c6a40f2b7a2
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/langs/en-US.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan": "January",
+    "Feb": "February",
+    "Mar": "March",
+    "Apr": "April",
+    "May": "May",
+    "Jun": "June",
+    "Jul": "July",
+    "Aug": "August",
+    "Sep": "September",
+    "Oct": "October",
+    "Nov": "November",
+    "Dec": "December"
+  },
+  "day": {
+    "Sun": "Sunday",
+    "Mon": "Monday",
+    "Tue": "Tuesday",
+    "Wed": "Wednesday",
+    "Thu": "Thurseday",
+    "Fri": "Friday",
+    "Sat": "Saturday"
+  },
+  "ma": [
+    "am",
+    "pm"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/docs/langs/fr-FR.json b/public/opac/java/jquery.timeline-master/docs/langs/fr-FR.json
new file mode 100644
index 0000000000000000000000000000000000000000..8e4bad3dd63e323a47576c59f37bda8333c35f9c
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/langs/fr-FR.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Janvier",
+    "Fév.": "Février",
+    "Mars": "Mars",
+    "Avr.": "Avril",
+    "Mai": "Mai",
+    "Juin": "Juin",
+    "Juillet": "Juillet",
+    "Août.": "Août",
+    "Sept.": "Septembre",
+    "Oct.": "Octobre",
+    "Nov.": "Novembre",
+    "Déc.": "Décembre"
+  },
+  "day": {
+    "Lu": "Lundi",
+    "Ma": "Mardi",
+    "Me": "Mercredi",
+    "Je": "Jeudi",
+    "Ve": "Vendredi",
+    "Sa": "Samedi",
+    "Di": "Dimanche"
+  },
+  "ma": [
+    "am.",
+    "pm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/docs/langs/ja.json b/public/opac/java/jquery.timeline-master/docs/langs/ja.json
new file mode 100644
index 0000000000000000000000000000000000000000..04c8f94d0f7a06eb4ecd19625e1ceeae518d3885
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/docs/langs/ja.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "一月": "睦月",
+    "二月": "如月",
+    "三月": "弥生",
+    "四月": "卯月",
+    "五月": "皐月",
+    "六月": "水無月",
+    "七月": "文月",
+    "八月": "葉月",
+    "九月": "長月",
+    "十月": "神無月",
+    "十一月": "霜月",
+    "十二月": "師走"
+  },
+  "day": {
+    "日": "日曜",
+    "月": "月曜",
+    "火": "火曜",
+    "水": "水曜",
+    "木": "木曜",
+    "金": "金曜",
+    "土": "土曜"
+  },
+  "ma": [
+    "午前",
+    "午後"
+  ],
+  "format": {
+    "full": "Y年m月j日",
+    "year": "Yå¹´",
+    "month": "Yå¹´M",
+    "day": "m月j日（D）",
+    "years": "Yå¹´",
+    "months": "F",
+    "days": "j（D）",
+    "meta": "Y年m月j日 H:i",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/gulpfile.js b/public/opac/java/jquery.timeline-master/gulpfile.js
new file mode 100644
index 0000000000000000000000000000000000000000..bfc9dff9d3fc90563f79e13ebbebc265c86f8786
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/gulpfile.js
@@ -0,0 +1,54 @@
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var autoprefixer = require('gulp-autoprefixer');
+var cleanCSS = require('gulp-clean-css');
+var eslint = require('gulp-eslint');
+var uglify = require('gulp-uglify');
+var rename = require('gulp-rename');
+var gutil = require('gulp-util');
+var browserSync = require('browser-sync').create();
+
+gulp.task('browser-sync', function() {
+  browserSync.init({
+    server: './'
+  });
+});
+
+gulp.task('styles', function() {
+  return gulp.src('src/**/*.scss')
+    .pipe(sass())
+    .pipe(autoprefixer())
+    .pipe(cleanCSS({compatibility: 'ie8'}))
+    .pipe(rename({extname: '.min.css'}))
+    .pipe(gulp.dest('./dist'))
+    .pipe(gulp.dest('./docs/css'))
+    .pipe(browserSync.stream());
+});
+
+gulp.task('scripts', function() {
+  return gulp.src('src/timeline.js')
+    .pipe(uglify({output: {comments: '/^!/'}}))
+    .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
+    .pipe(rename({extname: '.min.js'}))
+    .pipe(gulp.dest('./dist'))
+    .pipe(gulp.dest('./docs/js'))
+    .pipe(browserSync.stream());
+});
+
+gulp.task('eslint', function() {
+  return gulp.src('src/timeline.js')
+    .pipe(eslint({useEslintrc: true}))
+    .pipe(eslint.format())
+    .pipe(eslint.failAfterError());
+    //.pipe(gulp.dest('./dist'))
+    //.pipe(browserSync.stream());
+});
+
+gulp.task('default', function() {
+  browserSync.init({
+    server: './'
+  });
+  gulp.watch('src/timeline.js',['eslint','scripts']);
+  gulp.watch('src/**/*.scss',['styles']);
+});
+
diff --git a/public/opac/java/jquery.timeline-master/jquery.timeline.jquery.json b/public/opac/java/jquery.timeline-master/jquery.timeline.jquery.json
new file mode 100644
index 0000000000000000000000000000000000000000..2c497f9809549d47a51386b3cce8932bb1d862c6
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/jquery.timeline.jquery.json
@@ -0,0 +1,28 @@
+{
+    "name": "jquery.timeline",
+    "title": "jQuery Timeline",
+    "description": "You are able to easily create two types of horizontal timeline with this jQuery plugin.",
+    "keywords": [
+        "timeline",
+        "horizontal"
+    ],
+    "version": "1.0.5",
+    "author": {
+        "name": "ka2",
+        "email": "ka2@ka2.org",
+        "url": "https://ka2.org"
+    },
+    "licenses": [
+        {
+            "type": "MIT",
+            "url": "https://raw.githubusercontent.com/ka215/jquery.timeline/master/LICENSE"
+        }
+    ],
+    "bugs": "https://github.com/ka215/jquery.timeline/issues",
+    "docs": "https://github.com/ka215/jquery.timeline/blob/master/README.md",
+    "demo": "https://ka215.github.io/jquery.timeline/index.html",
+    "download": "https://github.com/ka215/jquery.timeline/releases",
+    "dependencies": {
+        "jquery": ">=1.9.0"
+    }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/package.json b/public/opac/java/jquery.timeline-master/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..822e34244ed31e55b4b73468d27097a240ba6805
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "jquery.timeline",
+  "version": "1.0.5",
+  "description": "Horizontal Timeline plugin for jQuery",
+  "main": "gulpfile.js",
+  "dependencies": {
+    "gulp-sass": "^3.1.0"
+  },
+  "devDependencies": {
+    "browser-sync": "^2.18.12",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-clean-css": "^3.4.0",
+    "gulp-eslint": "^3.0.1",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^3.1.0",
+    "gulp-uglify": "^3.0.0",
+    "gulp-util": "^3.0.8"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ka215/jquery.timeline.git"
+  },
+  "keywords": [
+    "jquery",
+    "timeline",
+    "plugin"
+  ],
+  "author": "ka2",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ka215/jquery.timeline/issues"
+  },
+  "homepage": "https://github.com/ka215/jquery.timeline#readme"
+}
diff --git a/public/opac/java/jquery.timeline-master/src/langs/de-de.json b/public/opac/java/jquery.timeline-master/src/langs/de-de.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ced1ee31865d62d47e7204cf288103f803b0bd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/langs/de-de.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Januar",
+    "Feb.": "Februar",
+    "März": "März",
+    "Apr.": "April",
+    "Mai": "Mai",
+    "Juni": "Juni",
+    "Juli": "Juli",
+    "Aug.": "August",
+    "Sept.": "September",
+    "Okt.": "Oktober",
+    "Nov.": "November",
+    "Dec.": "December"
+  },
+  "day": {
+    "Mo": "Montag",
+    "Di": "Dienstag",
+    "Mi": "Mittwoch",
+    "Do": "Donnerstag",
+    "Fr": "Freitag",
+    "Sa": "Samstag",
+    "So": "Sonntag"
+  },
+  "ma": [
+    "vorm.",
+    "nachm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/src/langs/en-US.json b/public/opac/java/jquery.timeline-master/src/langs/en-US.json
new file mode 100644
index 0000000000000000000000000000000000000000..c2777a93a167c98e0849f6418c7b8c6a40f2b7a2
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/langs/en-US.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan": "January",
+    "Feb": "February",
+    "Mar": "March",
+    "Apr": "April",
+    "May": "May",
+    "Jun": "June",
+    "Jul": "July",
+    "Aug": "August",
+    "Sep": "September",
+    "Oct": "October",
+    "Nov": "November",
+    "Dec": "December"
+  },
+  "day": {
+    "Sun": "Sunday",
+    "Mon": "Monday",
+    "Tue": "Tuesday",
+    "Wed": "Wednesday",
+    "Thu": "Thurseday",
+    "Fri": "Friday",
+    "Sat": "Saturday"
+  },
+  "ma": [
+    "am",
+    "pm"
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/src/langs/fr-FR.json b/public/opac/java/jquery.timeline-master/src/langs/fr-FR.json
new file mode 100644
index 0000000000000000000000000000000000000000..8e4bad3dd63e323a47576c59f37bda8333c35f9c
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/langs/fr-FR.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "Jan.": "Janvier",
+    "Fév.": "Février",
+    "Mars": "Mars",
+    "Avr.": "Avril",
+    "Mai": "Mai",
+    "Juin": "Juin",
+    "Juillet": "Juillet",
+    "Août.": "Août",
+    "Sept.": "Septembre",
+    "Oct.": "Octobre",
+    "Nov.": "Novembre",
+    "Déc.": "Décembre"
+  },
+  "day": {
+    "Lu": "Lundi",
+    "Ma": "Mardi",
+    "Me": "Mercredi",
+    "Je": "Jeudi",
+    "Ve": "Vendredi",
+    "Sa": "Samedi",
+    "Di": "Dimanche"
+  },
+  "ma": [
+    "am.",
+    "pm."
+  ],
+  "format": {
+    "full": "j M Y",
+    "year": "Y",
+    "month": "M Y",
+    "day": "D, j M",
+    "years": "Y",
+    "months": "F",
+    "days": "j",
+    "meta": "g:i A, D F j, Y",
+    "metato": ""
+  }
+}
diff --git a/public/opac/java/jquery.timeline-master/src/langs/ja.json b/public/opac/java/jquery.timeline-master/src/langs/ja.json
new file mode 100644
index 0000000000000000000000000000000000000000..04c8f94d0f7a06eb4ecd19625e1ceeae518d3885
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/langs/ja.json
@@ -0,0 +1,40 @@
+{
+  "month": {
+    "一月": "睦月",
+    "二月": "如月",
+    "三月": "弥生",
+    "四月": "卯月",
+    "五月": "皐月",
+    "六月": "水無月",
+    "七月": "文月",
+    "八月": "葉月",
+    "九月": "長月",
+    "十月": "神無月",
+    "十一月": "霜月",
+    "十二月": "師走"
+  },
+  "day": {
+    "日": "日曜",
+    "月": "月曜",
+    "火": "火曜",
+    "水": "水曜",
+    "木": "木曜",
+    "金": "金曜",
+    "土": "土曜"
+  },
+  "ma": [
+    "午前",
+    "午後"
+  ],
+  "format": {
+    "full": "Y年m月j日",
+    "year": "Yå¹´",
+    "month": "Yå¹´M",
+    "day": "m月j日（D）",
+    "years": "Yå¹´",
+    "months": "F",
+    "days": "j（D）",
+    "meta": "Y年m月j日 H:i",
+    "metato": ""
+  }
+}
\ No newline at end of file
diff --git a/public/opac/java/jquery.timeline-master/src/timeline.js b/public/opac/java/jquery.timeline-master/src/timeline.js
new file mode 100644
index 0000000000000000000000000000000000000000..91ea8b923aa910ea8c5eb2d886f3460082137c1d
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/timeline.js
@@ -0,0 +1,1853 @@
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Author: Ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */
+(function( $ ) {
+
+  // Constant values
+  var pluginName   = 'jQuery.Timeline',
+      pointMargin  = 2,
+      tlEventAreaH = 0,
+      rowH;
+
+  var methods = {
+    init : function( options ) {
+      
+      // Default settings
+      var settings = $.extend( {
+        type            : "bar", // View type of timeline event is either "bar" or "point"
+        scale           : "days", // Timetable's top level scale is either "years" or "months" or "days"
+        startDatetime   : "currently", // Default set datetime as viewing timetable; format is ( "^[-+]d{4}(/|-)d{2}(/|-)d{2}\sd{2}:d{2}:d{2}$" ) or "currently"
+        datetimePrefix  : "", // The prefix of the date and time notation displayed in the headline
+        showHeadline    : true, // Whether to display headline
+        datetimeFormat  : {
+          full          : "j M Y", // or "Y/m/d" etc.
+          year          : "Y",
+          month         : "M Y", // or "F" etc.
+          day           : "D, j M", // or "j" etc.
+          years         : "Y", 
+          months        : "F", 
+          days          : "j",
+          meta          : "Y/m/d H:i", // start datetime in meta of Event Detail; or "g:i A, D F j, Y"
+          metato        : "" // end datetime in meta of Event Detail; default is same to meta
+        },
+        minuteInterval  : 30, // Recommend more than 5 minutes; only if top scale is "days" ; Deprecated
+        zerofillYear    : false, // It's outputted at the "0099" if true, the "99" if false
+        range           : 3, // The default view range of the timetable starting from the `startDatetime`
+        rows            : 5, // Rows of timeline event area
+        rowHeight       : 40, // Height of one row
+        height          : "auto", // Fixed height (pixel) of timeline event area; default "auto" is (rows * rowHeight)px
+        minGridPer      : 2, // Minimum grid per
+        minGridSize     : 30, // Minimum size (pixel) of timeline grid; It needs 5 pixels or more
+        rangeAlign      : "current", // Possible values are "left", "center", "right", "current", "latest" and specific event id
+        naviIcon        : { // Define class name
+          left          : "jqtl-circle-left",
+          right         : "jqtl-circle-right"
+        },
+        showPointer     : true,
+        i18n            : {},
+        langsDir        : "./langs/",
+        httpLnaguage    : false
+      }, options);
+      
+      // initialize plugin
+      return this.each(function(){
+        
+        var $this = $(this),
+            data = $this.data('timeline'),
+            timeline = $('<div />', {
+              "title"                 : $this.find('.timeline-headline').text(),
+              "type"                  : settings.type,
+              "scale"                 : settings.scale,
+              "start-datetime"        : settings.startDatetime,
+              "datetime-prefix"       : settings.datetimePrefix,
+              "show-headline"         : settings.showHeadline ? 1 : 0,
+              "datetime-format-full"  : settings.datetimeFormat.full || 'j M Y',
+              "datetime-format-year"  : settings.datetimeFormat.year || 'Y',
+              "datetime-format-month" : settings.datetimeFormat.month || 'M Y',
+              "datetime-format-day"   : settings.datetimeFormat.day || 'D, j M',
+              "datetime-format-years" : settings.datetimeFormat.years || 'Y',
+              "datetime-format-months": settings.datetimeFormat.months || 'F',
+              "datetime-format-days"  : settings.datetimeFormat.days || 'D, j M Y',
+              "datetime-format-meta"  : settings.datetimeFormat.meta || 'Y/m/d H:i',
+              "datetime-format-metato": settings.datetimeFormat.metato || '',
+              "minute-interval"       : settings.minuteInterval,
+              "zerofill-year"         : settings.zerofillYear ? 1 : 0,
+              "range"                 : settings.range,
+              "rows"                  : settings.rows,
+              "row-height"            : settings.rowHeight,
+              "timeline-height"       : settings.height,
+              "min-grid-per"          : settings.minGridPer,
+              "min-grid-size"         : settings.minGridSize,
+              "range-align"           : settings.rangeAlign,
+              "navi-icon-left"        : settings.naviIcon.left || 'jqtl-circle-left',
+              "navi-icon-right"       : settings.naviIcon.right || 'jqtl-circle-right',
+              "show-pointer"          : settings.showPointer ? 1 : 0,
+              "i18n-month"            : settings.i18n.month ? JSON.stringify( settings.i18n.month ) : '',
+              "i18n-day"              : settings.i18n.day ? JSON.stringify( settings.i18n.day ) : '',
+              "i18n-ma"               : settings.i18n.ma ? JSON.stringify( settings.i18n.ma ) : '',
+              "langs-dir"             : settings.langsDir,
+              "http-language"         : settings.httpLnaguage ? 1 : 0,
+              "text"                  : ""
+          });
+        
+        // Set Events
+        $this.on( 'click.timeline', '.timeline-to-prev', methods.dateback );
+        $this.on( 'click.timeline', '.timeline-to-next', methods.dateforth );
+        $this.on( 'click.timeline', '.timeline-node', methods.openEvent );
+        $this.on( 'align.timeline', methods.alignment );
+        $this.on( 'afterRender.timeline', function(){
+          $(this).off('afterRender.timeline');
+        });
+
+        
+        // If uninitialized yet
+        if ( ! data ) {
+          
+          $this.data('timeline', {
+            target: $this,
+            timeline : timeline
+          });
+          
+          rowH      = settings.rowHeight;
+          
+          // Retrive Current Date
+          var currentDt, currentDate, _tmp, _regx;
+          if ( settings.startDatetime === 'currently' ) {
+            currentDt = setCurrentDate( true );
+          } else {
+            currentDt = new Date( normalizeDate( settings.startDatetime ) );
+            _regx = /-|\//;
+            _tmp = settings.startDatetime.split( _regx );
+            if ( Number( _tmp[0] ) < 100 ) {
+              // for 0 - 99 years map
+              currentDt.setFullYear( Number( _tmp[0] ) );
+            }
+          }
+          switch( settings.scale ) {
+            case 'years':
+              currentDate = currentDt.getFullYear() +'/01/01 00:00:00';
+              break;
+            case 'months':
+              currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/01 00:00:00';
+              break;
+            case 'days':
+              currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/'+ currentDt.getDate() +' 00:00:00';
+              break;
+            default:
+              currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/'+ currentDt.getDate() +' '+ currentDate.getHours() +':00:00';
+          }
+          $this.data('timeline').timeline.attr( 'actual-start-datetime', currentDate );
+          
+          // Load Language as deferred interface (updated v1.0.4)
+          getBrowserLang( settings.httpLnaguage ).always(function( language ){
+            $this[0].lang = language;
+          }).then(function(){
+            importLocale( $this ).done(function( locale ) {
+              $this.data('timeline').timeline.attr( 'i18n-month', JSON.stringify( locale.month ) );
+              $this.data('timeline').timeline.attr( 'i18n-day', JSON.stringify( locale.day ) );
+              $this.data('timeline').timeline.attr( 'i18n-ma', JSON.stringify( locale.ma ) );
+              if ( 'format' in locale ) {
+                for ( var prop in locale.format ) {
+                  $this.data('timeline').timeline.attr( 'datetime-format-' + prop, locale.format[prop] );
+                }
+              }
+              
+              renderTimeline( $this );
+              
+              // timeline container sizing
+              resizeTimeline( $this );
+              
+              // do methods.alignment
+              $this.trigger( 'align.timeline', [ settings.rangeAlign ] );
+              
+              $this.css('visibility','visible');
+              
+              placeEvents( $this );
+              
+              // Bind an event after initialized (added v1.0.5)
+              $this.trigger( 'afterRender.timeline', [ options ] );
+              
+            }).fail(function() {
+              
+              renderTimeline( $this );
+              
+              // timeline container sizing
+              resizeTimeline( $this );
+              
+              // do methods.alignment
+              $this.trigger( 'align.timeline', [ settings.rangeAlign ] );
+              
+              $this.css('visibility','visible');
+              
+              placeEvents( $this );
+              
+              // Bind an event after initialized (added v1.0.5)
+              $this.trigger( 'afterRender.timeline', [ options ] );
+              
+            });
+          });
+        } else {
+          
+          /* Debugging code for loading effect:
+          var wait = 0,
+              sleep = setInterval(function() {
+                wait++;
+                if ( wait == 1 ) {
+                  placeEvents( $this );
+                  clearInterval( sleep );
+                }
+              }, 300);
+          */
+          
+          placeEvents( $this );
+          
+        }
+      });
+      
+    },
+    initialized : function( callback ) {
+      return this.each(function(){
+        var $this = $(this),
+          data = $this.data('timeline');
+        
+        if ( data && typeof callback === 'function' ) {
+          // console.info( 'Fired "initialized" method after initialize this plugin.' );
+          callback( $this, data );
+        }
+      });
+    },
+    destroy : function( ) {
+      // destroy object
+      return this.each(function(){
+        var $this = $(this),
+          data = $this.data('timeline');
+        
+        $(window).off('.timeline');
+        if ( data ) {
+          data.timeline.remove();
+          $this.removeData('timeline');
+        }
+        
+      });
+    },
+    render : function( options ) {
+      // render timeline object
+      return this.each(function(){
+        var $this = $(this),
+            data = $this.data('timeline');
+        
+        // update options
+        if ( 'type' in options ) {
+          data.timeline.attr( 'type', options.type );
+        }
+        if ( 'scale' in options ) {
+          data.timeline.attr( 'scale', options.scale );
+        }
+        if ( 'startDatetime' in options ) {
+          data.timeline.attr( 'start-datetime', options.startDatetime );
+        }
+        if ( 'datetimePrefix' in options ) {
+          data.timeline.attr( 'datetime-prefix', options.datetimePrefix );
+        }
+        if ( 'showHeadline' in options ) {
+          data.timeline.attr( 'show-headline', options.showHeadline ? 1 : 0 );
+        }
+        if ( 'datetimeFormat' in options ) {
+          if ( typeof options.datetimeFormat.full != undefined ) {
+            data.timeline.attr( 'datetime-format-full', options.datetimeFormat.full );
+          }
+          if ( typeof options.datetimeFormat.year != undefined ) {
+            data.timeline.attr( 'datetime-format-year', options.datetimeFormat.year );
+          }
+          if ( typeof options.datetimeFormat.month != undefined ) {
+            data.timeline.attr( 'datetime-format-month', options.datetimeFormat.month );
+          }
+          if ( typeof options.datetimeFormat.day != undefined ) {
+            data.timeline.attr( 'datetime-format-day', options.datetimeFormat.day );
+          }
+          if ( typeof options.datetimeFormat.years != undefined ) {
+            data.timeline.attr( 'datetime-format-years', options.datetimeFormat.years );
+          }
+          if ( typeof options.datetimeFormat.months != undefined ) {
+            data.timeline.attr( 'datetime-format-months', options.datetimeFormat.months );
+          }
+          if ( typeof options.datetimeFormat.days != undefined ) {
+            data.timeline.attr( 'datetime-format-days', options.datetimeFormat.days );
+          }
+          if ( typeof options.datetimeFormat.meta != undefined ) {
+            data.timeline.attr( 'datetime-format-meta', options.datetimeFormat.meta );
+          }
+          if ( typeof options.datetimeFormat.metato != undefined ) {
+            data.timeline.attr( 'datetime-format-metato', options.datetimeFormat.metato );
+          }
+        }
+        if ( 'minuteInterval' in options ) {
+          data.timeline.attr( 'minute-interval', options.minuteInterval );
+        }
+        if ( 'zerofillYear' in options ) {
+          data.timeline.attr( 'zerofill-year', options.zerofillYear ? 1 : 0 );
+        }
+        if ( 'range' in options ) {
+          data.timeline.attr( 'range', options.range );
+        }
+        if ( 'rows' in options ) {
+          data.timeline.attr( 'rows', options.rows );
+        }
+        if ( 'rowHeight' in options ) {
+          data.timeline.attr( 'row-height', options.rowHeight );
+        }
+        if ( 'height' in options ) {
+          data.timeline.attr( 'timeline-height', options.height );
+        }
+        if ( 'minGridPer' in options ) {
+          data.timeline.attr( 'min-grid-per', options.minGridPer );
+        }
+        if ( 'minGridSize' in options ) {
+          data.timeline.attr( 'min-grid-size', options.minGridSize );
+        }
+        if ( 'rangeAlign' in options ) {
+          data.timeline.attr( 'range-align', options.rangeAlign );
+        }
+        if ( 'naviIcon' in options ) {
+          if ( typeof options.naviIcon.left != undefined ) {
+            data.timeline.attr( 'navi-icon-left', options.naviIcon.left );
+          }
+          if ( typeof options.naviIcon.right != undefined ) {
+            data.timeline.attr( 'navi-icon-right', options.naviIcon.right );
+          }
+        }
+        if ( 'showPointer' in options ) {
+          data.timeline.attr( 'show-pointer', options.showPointer ? 1 : 0 );
+        }
+        if ( 'i18n' in options ) {
+          if ( typeof options.i18n.month != undefined ) {
+            data.timeline.attr( 'i18n-month', JSON.stringify( options.i18n.month ) );
+          }
+          if ( typeof options.i18n.day != undefined ) {
+            data.timeline.attr( 'i18n-day', JSON.stringify( options.i18n.day ) );
+          }
+          if ( typeof options.i18n.ma != undefined ) {
+            data.timeline.attr( 'i18n-ma', JSON.stringify( options.i18n.ma ) );
+          }
+        }
+        if ( 'langsDir' in options ) {
+          data.timeline.attr( 'langs-dir', options.langsDir );
+        }
+        if ( 'httpLanguage' in options ) {
+          data.timeline.attr( 'http-language', options.httpLanguage );
+        }
+
+        // Retrive current Date
+        var currentDt, currentDate, _tmp, _regx;
+        if ( data.timeline.attr('start-datetime') === 'currently' ) {
+          currentDt = setCurrentDate( true );
+        } else {
+          currentDt = new Date( normalizeDate( data.timeline.attr('start-datetime') ) );
+          _regx = /-|\//;
+          _tmp = data.timeline.attr('start-datetime').split( _regx );
+          if ( Number( _tmp[0] ) < 100 ) {
+            // for 0 - 99 years map
+            currentDt.setFullYear( Number( _tmp[0] ) );
+          }
+        }
+        switch( data.timeline.attr('scale') ) {
+          case 'years':
+            currentDate = currentDt.getFullYear() +'/01/01 00:00:00';
+            break;
+          case 'months':
+            currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/01 00:00:00';
+            break;
+          case 'days':
+            currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/'+ currentDt.getDate() +' 00:00:00';
+            break;
+          default:
+            currentDate = currentDt.getFullYear() +'/'+ (currentDt.getMonth() + 1) +'/'+ currentDt.getDate() +' '+ currentDate.getHours() +':00:00';
+        }
+        data.timeline.attr( 'actual-start-datetime', currentDate );
+
+        $this.find('.timeline-container').empty().removeClass('timeline-container');
+        // Load Language as deferred interface (updated v1.0.4)
+        getBrowserLang( data.timeline.attr('http-language') ).always(function( language ){
+          $this[0].lang = language;
+        }).then(function(){
+          importLocale( $this ).done(function( locale ) {
+            data.timeline.attr( 'i18n-month', JSON.stringify( locale.month ) );
+            data.timeline.attr( 'i18n-day', JSON.stringify( locale.day ) );
+            data.timeline.attr( 'i18n-ma', JSON.stringify( locale.ma ) );
+            if ( 'format' in locale ) {
+              for ( var prop in locale.format ) {
+                $this.data('timeline').timeline.attr( 'datetime-format-' + prop, locale.format[prop] );
+              }
+            }
+            
+            renderTimeline( $this );
+            resizeTimeline( $this );
+            placeEvents( $this );
+            
+            // do methods.alignment
+            $this.trigger( 'align.timeline', [ data.timeline.attr('range-align') ] );
+            
+            // Bind an event after rendered (added v1.0.5)
+            $this.trigger( 'afterRender.timeline', [ options ] );
+            
+          }).fail(function() {
+            renderTimeline( $this );
+            resizeTimeline( $this );
+            placeEvents( $this );
+            
+            // do methods.alignment
+            $this.trigger( 'align.timeline', [ data.timeline.attr('range-align') ] );
+
+            // Bind an event after rendered (added v1.0.5)
+            $this.trigger( 'afterRender.timeline', [ options ] );
+            
+          });
+        });
+      });
+    },
+    show : function( ) {
+      return this.each(function(){
+        $(this).css('display', 'block').css('visibility', 'visible');
+      });
+    },
+    hide : function( ) {
+      return this.each(function(){
+        $(this).css('visibility', 'hidden').css('display', 'none');
+      });
+    },
+    dateback  : function( evt ) {
+      // console.info([ 'Fired "dateback" method', this, evt ]);
+      evt.preventDefault();
+      var $root = $(this).parents('.timeline-container'),
+          data = $root.data('timeline'),
+          visibleTimelineWidth = $root.find('.timeline-body')[0].clientWidth,
+          fullTimelineWidth = $root.find('.timeline-wrapper')[0].scrollWidth,
+          currentTimelinePos = $root.find('.timeline-body').scrollLeft(),
+          mov = 0;
+      if ( fullTimelineWidth > visibleTimelineWidth ) {
+        if ( (currentTimelinePos / visibleTimelineWidth) > 1 ) {
+          mov = currentTimelinePos - visibleTimelineWidth;
+        } else {
+          mov = currentTimelinePos - ((fullTimelineWidth - visibleTimelineWidth) / Number( data.timeline.attr('range') ));
+        }
+        mov = mov < 0 ? 0 : mov;
+        $root.find('.timeline-body').animate( { scrollLeft: mov }, 300 );
+      }
+      return this;
+    },
+    dateforth : function( evt ) {
+      // console.info([ 'Fired "dateforth" method', this, evt ]);
+      evt.preventDefault();
+      var $root = $(this).parents('.timeline-container'),
+          data = $root.data('timeline'),
+          visibleTimelineWidth = $root.find('.timeline-body')[0].clientWidth,
+          fullTimelineWidth = $root.find('.timeline-wrapper')[0].scrollWidth,
+          currentTimelinePos = $root.find('.timeline-body').scrollLeft(),
+          mov = 0;
+      if ( fullTimelineWidth > visibleTimelineWidth ) {
+        if ( (fullTimelineWidth - currentTimelinePos) / visibleTimelineWidth > 1 ) {
+          mov = currentTimelinePos + visibleTimelineWidth;
+        } else {
+          mov = currentTimelinePos + ((fullTimelineWidth - visibleTimelineWidth) / Number( data.timeline.attr('range') ));
+        }
+        mov = mov > (fullTimelineWidth - visibleTimelineWidth + 1) ? fullTimelineWidth - visibleTimelineWidth + 1 : mov;
+        $root.find('.timeline-body').animate( { scrollLeft: mov }, 300 );
+      }
+      return this;
+    },
+    alignment : function( ) {
+      var args = arguments.length > 1 ? Array.prototype.slice.call(arguments, 1) : [ arguments[0] ],
+          control = args[0].toLowerCase(),
+          animateSpeed = typeof args[1] !== 'undefined' ? String( args[1] ).toLowerCase() : 0;
+      // console.info([ 'Fired "alignment" method', this, control, animateSpeed ]);
+      var visibleTimelineWidth = $(this).find('.timeline-body')[0].clientWidth, // display area
+          fullTimelineWidth = $(this).find('.timeline-wrapper')[0].scrollWidth, // full length
+          mov = 0; // default position (=left)
+      if ( fullTimelineWidth > visibleTimelineWidth ) {
+        // When the total length is larger than the display area (when horizontal scrolling occurs)
+        var data = $(this).data('timeline'),
+            posX;
+        switch ( control ) {
+          case "left":
+            // Move to beginning of timetable range
+            mov = 0;
+            break;
+          case "right":
+            // Move to last of timetable range
+            mov = fullTimelineWidth - visibleTimelineWidth + 1;
+            break;
+          case "center":
+            // Move to central of timetable range
+            mov = (fullTimelineWidth - visibleTimelineWidth) / 2;
+            break;
+          case "current":
+            // Move to nearest current time on timetable (default)
+            var currentDt = setCurrentDate( true );
+            posX = getAbscissa( currentDt, data );
+            if ( posX > -1 ) {
+              if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
+                mov = fullTimelineWidth - visibleTimelineWidth + 1;
+              } else {
+                mov = posX - visibleTimelineWidth / 2;
+              }
+            } else {
+              mov = fullTimelineWidth - visibleTimelineWidth + 1;
+            }
+            break;
+          case "latest":
+            // Move to latest event on the timetable
+            var eventNodes  = ( new Function( 'return ' + data.timeline.text() ) )(),
+                diffDt, cur, latestKey, latestDt;
+            $.each( eventNodes, function( i, evt ) {
+              cur = formatDate( 'U', evt.start );
+              if ( i == 0 ) {
+                diffDt = cur;
+                latestKey = i;
+              } else {
+                if ( cur >= diffDt ) {
+                  diffDt = cur;
+                  latestKey = i;
+                }
+              }
+            });
+            latestDt = new Date( normalizeDate( eventNodes[latestKey].start ) ),
+            posX     = getAbscissa( latestDt, data );
+            if ( posX > -1 ) {
+              if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
+                mov = fullTimelineWidth - visibleTimelineWidth + 1;
+              } else {
+                mov = posX - visibleTimelineWidth / 2;
+              }
+            } else {
+              mov = fullTimelineWidth - visibleTimelineWidth + 1;
+            }
+            break;
+          default:
+            // Move to specific event that has targeted id
+            mov = 0;
+            var targetId = '#' + control;
+            if ( $(targetId).length ) {
+              posX = $(targetId).position().left;
+              if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
+                mov = fullTimelineWidth - visibleTimelineWidth + 1;
+              } else {
+                mov = posX - visibleTimelineWidth / 2;
+              }
+            }
+            break;
+        }
+        if ( $.inArray( animateSpeed, [ "slow", 'normal', 'fast' ] ) != -1 || Number( animateSpeed ) > 0 ) {
+          $(this).find('.timeline-body').animate({ scrollLeft: mov }, animateSpeed);
+        } else {
+          $(this).find('.timeline-body').scrollLeft( mov );
+        }
+      }
+      return this;
+    },
+    getOptions : function( ) {
+      var $this = $(this),
+          data  = $this.data('timeline');
+      return {
+        title          : data.timeline.attr('title'),
+        type           : data.timeline.attr('type'),
+        scale          : data.timeline.attr('scale'),
+        startDatetime  : data.timeline.attr('start-datetime'),
+        datetimePrefix : data.timeline.attr('datetime-prefix'),
+        showHeadline   : Number( data.timeline.attr('show-headline') ) == 1 ? true : false,
+        datetimeFormat : {
+          full         : data.timeline.attr('datetime-format-full'), // for event meta on detial view
+          year         : data.timeline.attr('datetime-format-year'), // for headline
+          month        : data.timeline.attr('datetime-format-month'), // for headline
+          day          : data.timeline.attr('datetime-format-day'), // for headline
+          years        : data.timeline.attr('datetime-format-years'), // for scale
+          months       : data.timeline.attr('datetime-format-months'), // for scale
+          days         : data.timeline.attr('datetime-format-days') // for scale
+        },
+        minuteInterval : Number( data.timeline.attr('minute-interval') ),
+        zerofillYear   : Number( data.timeline.attr('zerofill-year') ) == 1 ? true : false,
+        range          : Number( data.timeline.attr('range') ),
+        rows           : Number( data.timeline.attr('rows') ),
+        rowHeight      : Number( data.timeline.attr('row-height') ),
+        height         : data.timeline.attr('timeline-height') === 'auto' ? 'auto' : Number( data.timeline.attr('timeline-height') ),
+        minGridPer     : Number( data.timeline.attr('min-grid-per') ),
+        minGridSize    : Number( data.timeline.attr('min-grid-size') ),
+        rangeAlign     : data.timeline.attr('range-align'),
+        naviIcon       : {
+          left         : data.timeline.attr('navi-icon-left'),
+          right        : data.timeline.attr('navi-icon-right'),
+        },
+        showPointer    : data.timeline.attr('show-pointer'),
+        i18n           : {
+          month        : JSON.parse( data.timeline.attr('i18n-month') ),
+          day          : JSON.parse( data.timeline.attr('i18n-day') ),
+          ma           : JSON.parse( data.timeline.attr('i18n-ma') ),
+        },
+        langsDir       : data.timeline.attr('langs-dir'),
+        events         : ( new Function( 'return ' + data.timeline.text() ) )()
+      };
+    },
+    addEvent : function( events, callback ) {
+      return this.each(function(){
+        var $this       = $(this),
+            data        = $this.data('timeline'),
+            eventNodes  = ( new Function( 'return ' + data.timeline.text() ) )(),
+            incrementId = 1,
+            _ids        = [ incrementId ];
+        // add events
+        if ( events.length > 0 ) {
+          $.each(eventNodes, function( i, evt ) {
+            _ids.push( Number( evt.eventId ) );
+          });
+          incrementId = Math.max.apply( null, _ids ) + 1;
+          $.each(events, function( i, evt ) {
+            evt['eventId'] = incrementId;
+            incrementId++;
+            eventNodes.push(evt);
+          });
+          data.timeline.text( JSON.stringify( eventNodes ) );
+        }
+        
+        placeEvents( $this );
+        
+        // Alignment to current node
+        $(this).trigger( 'align.timeline', [ 'evt-' + (incrementId - 1), 'fast' ] );
+        
+        if ( data && typeof callback === 'function' ) {
+          // console.info( 'Fired "addEvent" method after events addition.' );
+          callback( $this, data );
+        }
+      });
+    },
+    removeEvent : function( ) { // arguments is optional
+      var eventIds, callback;
+      if ( arguments.length == 0 ) {
+        eventIds = 'all';
+        callback = null;
+      } else
+      if ( arguments.length == 1 ) {
+        if ( typeof arguments[0] === 'function' ) {
+          eventIds = 'all';
+          callback = arguments[0];
+        } else {
+          eventIds = arguments[0];
+          callback = null;
+        }
+      } else {
+        eventIds = arguments[0];
+        callback = arguments[1];
+      }
+      return this.each(function(){
+        var $this       = $(this),
+            data        = $this.data('timeline'),
+            eventNodes  = ( new Function( 'return ' + data.timeline.text() ) )();
+        
+        // remove events
+        if ( eventIds === 'all' ) {
+          eventNodes = [];
+        } else {
+          var newEventNodes = [];
+          $.each(eventNodes, function( i, evt ) {
+            if ( $.inArray( evt.eventId, eventIds ) == -1 ) {
+              newEventNodes.push(evt);
+            }
+          });
+          eventNodes = newEventNodes;
+        }
+        data.timeline.text( JSON.stringify( eventNodes ) );
+        
+        placeEvents( $this );
+        
+        if ( data && typeof callback === 'function' ) {
+          // console.info( 'Fired "removeEvent" method after events removing.' );
+          callback( $this, data );
+        }
+      });
+    },
+    updateEvent : function( events, callback ) {
+      if ( typeof events === 'undefined' ) {
+        return false;
+      }
+      return this.each(function(){
+        var $this       = $(this),
+            data        = $this.data('timeline'),
+            eventNodes  = ( new Function( 'return ' + data.timeline.text() ) )(),
+            _ids        = [],
+            lastUpdated;
+        // update events
+        if ( events.length > 0 ) {
+          $.each( events, function( i, newEvt ) {
+            _ids.push(newEvt.eventId);
+          });
+        }
+        
+        if ( eventNodes.length > 0 && _ids.length > 0 ) {
+          $.each( eventNodes, function( i, evt ) {
+            if ( $.inArray( evt.eventId, _ids ) != -1 ) {
+              var newEvent;
+              $.each( events, function( j, newEvt ) {
+                if ( newEvt.eventId == evt.eventId ) {
+                  newEvent = newEvt;
+                  lastUpdated = newEvt.eventId;
+                  return false;
+                }
+              });
+              eventNodes[i] = newEvent;
+            }
+          });
+          data.timeline.text( JSON.stringify( eventNodes ) );
+        }
+        
+        placeEvents( $this );
+        
+        // Alignment to current node
+        $(this).trigger( 'align.timeline', [ 'evt-' + lastUpdated, 'fast' ] );
+        
+        if ( data && typeof callback === 'function' ) {
+          // console.info( 'Fired "updateEvent" method after events updating.' );
+          callback( $this, data );
+        }
+      });
+    },
+    openEvent : function( event ) {
+      var eventId         = Number( $(event.target).attr('id').replace('evt-', '') ),
+          currentTimeline = event.delegateTarget;
+      if ( eventId === '' || eventId == 0 ) {
+        return false;
+      }
+      return $(currentTimeline).each(function(){
+        var data       = $(this).data('timeline'),
+            eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(),
+            metaFormat = { start: data.timeline.attr('datetime-format-meta'), end: data.timeline.attr('datetime-format-metato') },
+            eventData;
+        $.each( eventNodes, function( i, evt ) {
+          if ( evt.eventId == eventId ) {
+            eventData = evt;
+            return false;
+          }
+        });
+        
+        // Activate focused event
+        $(this).find('.timeline-node').each(function(){
+          if ( $(this).attr('id') === 'evt-' + eventId ) {
+            $(this).addClass('active');
+          } else {
+            $(this).removeClass('active');
+          }
+        });
+        
+        // Alignment to current node
+        $(this).trigger( 'align.timeline', [ 'evt-' + eventId, 'fast' ] );
+        
+        if ( showEvent( eventData, metaFormat ) && eventData.callback ) {
+          // console.info( 'Fired "openEvent" method after event shown.' );
+          Function.call( null, 'return ' + eventData.callback )();
+          //var callback = Function.call( null, 'return ' + eventData.callback )();
+          //callback.call( eventData );
+        }
+      });
+    }
+  };
+
+  $.fn.timeline = function( method ) {
+    // Dispatcher of Plugin
+    if ( methods[method] ) {
+      return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
+    } else
+    if ( typeof method === 'object' || ! method ) {
+      return methods.init.apply( this, arguments );
+    } else {
+      $.error( 'Method ' + method + ' does not exist on jQuery.timeline.' );
+    }
+    
+  };
+
+  function renderTimeline( obj ) {
+    // Rendering timeline view
+    var $this = $(obj), i, _tmp, _regx, 
+        data = $this.data('timeline');
+    // console.info([ 'Called "renderTimeline" function', $this, data.timeline ]);
+    
+    _regx = /-|\/|\s|\:/;
+    _tmp = data.timeline.attr('actual-start-datetime').split( _regx );
+    var startDt = new Date( Number( _tmp[0] ), Number( _tmp[1] ) - 1, Number( _tmp[2] ), Number( _tmp[3] ), Number( _tmp[4] ), Number( _tmp[5] ) );
+    if ( Number( _tmp[0] ) < 100 ) {
+      // for 0 - 99 years map
+      startDt.setFullYear( Number( _tmp[0] ) );
+    }
+    
+    var tlHeader = $('<div />', { addClass: "timeline-header" }),
+        tlBody   = $('<div />', { addClass: "timeline-body" }),
+        tlFooter = $('<div />', { addClass: "timeline-footer" }),
+        tlWrapper= $('<div />', { addClass: "timeline-wrapper" }),
+        tlScale  = $('<table />', { addClass: "timeline-timetable timeline-scale" }),
+        tlEvents = $('<div />', { addClass: "timeline-events" }),
+        tlGrids  = $('<table />', { addClass: "timeline-timetable timeline-grids" }),
+        tlPointer= $('<div />', { addClass: "timeline-needle-pointer" }),
+        dfEvents = $('<div />', { addClass: "timeline-events default-events" }),
+        endDt    = new Date( startDt ),
+        scaleSet = {
+          years  : {
+            "medium_scale": "months",
+            "medium_cols": 12,
+            "small_scale": "days",
+            "small_cols": Number( data.timeline.attr('min-grid-per') )
+          },
+          months : {
+            "medium_scale": "days",
+            "medium_cols": new Date( startDt.getFullYear(), startDt.getMonth() + 1, 0 ).getDate(),
+            "small_scale": "hours",
+            "small_cols": Number( data.timeline.attr('min-grid-per') )
+          },
+          days   : {
+            "medium_scale": "hours",
+            "medium_cols": 24,
+            "small_scale": "minutes",
+            "small_cols": Number( data.timeline.attr('min-grid-per') ) // retriveDaysGrid( data.timeline.attr('minute-interval'), data.timeline.attr('min-grid-per') )
+          }
+        },
+        topScale = data.timeline.attr('scale'),
+        midScale = scaleSet[topScale]['medium_scale'],
+        smlScale = scaleSet[topScale]['small_scale'],
+        mediumCellSize = Number( data.timeline.attr( 'min-grid-per' ) ) * Number( data.timeline.attr( 'min-grid-size' ) ),
+        scaleMediumCols = [ scaleSet[topScale]['medium_cols'] ],
+        scaleSmallCols, _tmpDt;
+    
+    // initialize element
+    if ( ! $this.hasClass('timeline-container') ) {
+      $this.addClass('timeline-container');
+    }
+    if ( $this.find('.timeline-events').length > 0 ) {
+      $this.find('.timeline-events').children().clone().appendTo( dfEvents );
+      defaultEvents( dfEvents, data );
+    }
+    if ( data.timeline.attr( 'type' ) === 'point' || data.timeline.attr( 'type' ) === 'mixed' ) {
+      var tlLineCanvas = $('<canvas />', { addClass: "timeline-line-canvas" });
+    }
+    $this.empty();
+    
+    // Set endDate
+    if ( data.timeline.attr('scale') === 'years' ) {
+      endDt.setFullYear( endDt.getFullYear() + Number( data.timeline.attr('range') ) );
+      _tmpDt = endDt.getTime();
+      endDt.setTime( _tmpDt - 1 );
+    } else
+    if ( data.timeline.attr('scale') === 'months' ) {
+      endDt.setMonth( endDt.getMonth() + Number( data.timeline.attr('range') ) );
+      _tmpDt = endDt.getTime();
+      endDt.setTime( _tmpDt - 1 );
+    } else {
+      endDt.setDate( endDt.getDate() + Number( data.timeline.attr('range') ) );
+      _tmpDt = endDt.getTime();
+      endDt.setTime( _tmpDt - 1 );
+    }
+    
+    // Set scaleMediumCols
+    if ( midScale === 'days' && Number( data.timeline.attr('range') ) > 1 ) {
+      for ( i = 1; i < Number( data.timeline.attr('range') ); i++ ) {
+         scaleMediumCols.push( new Date( startDt.getFullYear(), startDt.getMonth() + 1 + i, 0 ).getDate() );
+      }
+    } else {
+      for ( i = 1; i < Number( data.timeline.attr('range') ); i++ ) {
+        scaleMediumCols.push( scaleSet[topScale]['medium_cols'] );
+      }
+    }
+    
+    // Create header
+    if ( data.timeline.attr('show-headline') ) {
+      var fromDate, toDate, zf, zt, tlTitle;
+      switch( data.timeline.attr('scale') ) {
+        case "years":
+          zf = zt = '';
+          if ( data.timeline.attr('zerofill-year') == 1 ) {
+            if ( startDt.getFullYear() < 100 ) {
+              zf = '00';
+            } else
+            if ( startDt.getFullYear() < 1000 ) {
+              zf = '0';
+            }
+            if ( endDt.getFullYear() < 100 ) {
+              zt = '00';
+            } else
+            if ( endDt.getFullYear() < 1000 ) {
+              zt = '0';
+            }
+          }
+          fromDate = data.timeline.attr('datetime-prefix') + zf + formatDate( data.timeline.attr('datetime-format-year'), startDt );
+          toDate   = data.timeline.attr('datetime-prefix') + zt + formatDate( data.timeline.attr('datetime-format-year'), endDt );
+          break;
+        case "months":
+          fromDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-month'), startDt );
+          toDate   = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-month'), endDt );
+          break;
+        case "days":
+          fromDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-day'), startDt );
+          toDate   = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-day'), endDt );
+          break;
+      }
+      tlTitle = '<span class="timeline-from-date">' + fromDate + '</span><span class="timeline-to-date">' + toDate + '</span>';
+      tlHeader.append('<h3 class="timeline-headline">' + tlTitle + '</h3>');
+    }
+    
+    // Create Time Scale
+    var topLevelRow = '<tr>',
+        mediumLevelRow = '<tr>',
+        smallLevelRow = '<tr>',
+        tmpDate, resMod, label, cellDt;
+    scaleSmallCols = array_sum( scaleMediumCols ) * scaleSet[topScale]['small_cols'];
+    
+    // Stored total cols
+    data.timeline.attr( 'total-cols', scaleSmallCols );
+    
+    // Row of top level time scale
+    for ( i = 0; i < Number( data.timeline.attr('range') ); i++ ) {
+      topLevelRow += '<th colspan="' + ( scaleMediumCols[i] * scaleSet[topScale]['small_cols'] ) + '" class="scale-major scale-' + topScale + '">';
+      tmpDate = new Date( startDt );
+      switch ( topScale ) {
+        case 'years':
+          tmpDate.setFullYear( tmpDate.getFullYear() + i );
+          zf = '';
+          if ( data.timeline.attr('zerofill-year') == 1 ) {
+            if ( tmpDate.getFullYear() < 100 ) {
+              zf = '00';
+            } else
+            if ( tmpDate.getFullYear() < 1000 ) {
+              zf = '0';
+            }
+          }
+          label = zf + formatDate( data.timeline.attr('datetime-format-years'), tmpDate );
+          break;
+        case 'months':
+          tmpDate.setMonth( tmpDate.getMonth() + i );
+          label = formatDate( data.timeline.attr('datetime-format-months'), tmpDate );
+          break;
+        case 'days':
+          tmpDate.setDate( tmpDate.getDate() + i );
+        label = formatDate( 'D, j M Y', tmpDate );
+          break;
+      }
+      topLevelRow += label + '</th>';
+    }
+    topLevelRow += '</tr>';
+    
+    // Row of medium level time scale
+    for ( i = 0; i < array_sum( scaleMediumCols ); i++ ) {
+      tmpDate = new Date( startDt );
+      switch ( midScale ) {
+        case 'months':
+          resMod = i % scaleSet[topScale]['medium_cols'];
+          label = mediumCellSize < 18 ? '' : resMod + 1;
+          cellDt = new Date( tmpDate.getFullYear(), tmpDate.getMonth() + i, 1 ).getTime();
+          break;
+        case 'days':
+          tmpDate.setDate( tmpDate.getDate() + i );
+          label = mediumCellSize < 20 ? '' : tmpDate.getDate();
+          cellDt = tmpDate.getTime();
+          break;
+        case 'hours':
+          resMod = i % scaleSet[topScale]['medium_cols'];
+          label = mediumCellSize < 40 ? '' : resMod + ':00';
+          cellDt = tmpDate.setTime( tmpDate.getTime() + i * 3600000 );
+          break;
+      }
+      mediumLevelRow += '<th colspan="' + scaleSet[topScale]['small_cols'] + '" class="scale-medium scale-' + midScale + '" data-cell-datetime="' + cellDt + '">';
+      mediumLevelRow += label + '</th>';
+    }
+    mediumLevelRow += '</tr>';
+    
+    // Row of small level time scale
+    for ( i = 0; i < scaleSmallCols; i++ ) {
+      smallLevelRow += '<th class="scale-small scale-' + smlScale + '"><span class="spacer-cell"></span></th>';
+    }
+    
+    // Create Timeline grids
+    var tlGridsRow = '<tr>';
+    for ( i = 0; i < scaleSmallCols; i++ ) {
+      tlGridsRow += '<td class="scale-small"><span class="spacer-cell"></span></td>';
+    }
+    tlGridsRow += '</tr>';
+    
+    // Create Timeline needle pointer
+    if ( data.timeline.attr( 'show-pointer' ) == 0 ) {
+      tlPointer.css('display', 'none');
+    } else {
+      var currentDt = setCurrentDate( true ),
+          posX = getAbscissa( currentDt, data );
+      if ( posX !== false ) {
+        tlPointer.css('left', posX + 'px');
+      } else {
+        tlPointer.css('display', 'none');
+      }
+    }
+    
+    // Create Timeline loader & Timeline Events
+    var tlLoader = $('<div />', { addClass: "timeline-loader", css: { display: 'block' } });
+    tlLoader.append( '<i class="jqtl-spinner"></i><span class="sr-only">Loading...</span>' );
+    
+    // Create Timeline footer
+    var tlFooterNav    = '<div class="timeline-nav">',
+        tlNavLeft      = data.timeline.attr( 'navi-icon-left' ) === '' ? 'jqtl-circle-left' : data.timeline.attr( 'navi-icon-left' ),
+        tlNavRight     = data.timeline.attr( 'navi-icon-right' ) === '' ? 'jqtl-circle-right' : data.timeline.attr( 'navi-icon-right' ),
+        tlNavPrevClass = /^jqtl-circle-.*$/.test( tlNavLeft ) ? 'timeline-to-prev-default' : 'timeline-to-prev-custom',
+        tlNavNextClass = /^jqtl-circle-.*$/.test( tlNavRight ) ? 'timeline-to-next-default' : 'timeline-to-next-custom';
+    tlFooterNav += '<a href="javascript:void(0);" class="timeline-to-prev ' + tlNavPrevClass + '"><i class="' + tlNavLeft + '"></i></a>';
+    tlFooterNav += '<a href="javascript:void(0);" class="timeline-to-next ' + tlNavNextClass + '"><i class="' + tlNavRight + '"></i></a>';
+    tlFooterNav += '</div>';
+    
+    // Build Elements
+    tlScale.append( '<thead>' + topLevelRow + mediumLevelRow + smallLevelRow + '</thead>' );
+    tlGrids.append( '<tbody>' + tlGridsRow + '</tbody>' );
+    if ( data.timeline.attr( 'type' ) === 'point' || data.timeline.attr( 'type' ) === 'mixed' ) {
+      tlWrapper.append( tlScale.prop('outerHTML') + tlEvents.prop('outerHTML') + tlLineCanvas.prop('outerHTML') + tlGrids.prop('outerHTML') + tlPointer.prop('outerHTML') );
+    } else {
+      tlWrapper.append( tlScale.prop('outerHTML') + tlEvents.prop('outerHTML') + tlGrids.prop('outerHTML') + tlPointer.prop('outerHTML') );
+    }
+    tlBody.append( tlWrapper );
+    tlFooter.append( tlFooterNav );
+    
+    $this.append( tlHeader );
+    $this.append( tlBody );
+    $this.append( tlFooter );
+    $this.append( tlLoader.prop('outerHTML') );
+    
+    return $this;
+  }
+
+  function resizeTimeline( obj ) {
+    // Resizing timeline view
+    var $this = $(obj),
+        data = $this.data('timeline');
+
+    if ( data.timeline.attr('timeline-height') === "auto" || typeof data.timeline.attr('timeline-height') !== "number" ) {
+      // tlEventAreaH = Number( data.timeline.attr('rows') ) * rowH;
+      tlEventAreaH = Number( data.timeline.attr('rows') ) * Number( data.timeline.attr('row-height') );
+    } else {
+      tlEventAreaH = Number( data.timeline.attr('timeline-height') );
+    }
+    var timetableSize = {
+      width : $this.find('.timeline-timetable.timeline-scale').outerWidth(),
+      height: 63 // $this.find('.timeline-timetable.timeline-scale').outerHeight() : it's impossible to obtain an accurate value with this, but OK if it uses bootstrap! (Why!?)
+    };
+    if ( $this.find('.timeline-wrapper')[0].offsetHeight != timetableSize.height + tlEventAreaH ) {
+      $this.find('.timeline-wrapper').css('height', (timetableSize.height + tlEventAreaH) + 'px');
+      $this.find('.timeline-events').css('height', tlEventAreaH + 'px');
+      $this.find('.timeline-line-canvas').css('height', tlEventAreaH + 'px').attr('width', timetableSize.width).attr('height', tlEventAreaH);
+      $this.find('.timeline-grids').css('height', tlEventAreaH + 'px');
+    }
+    data.timeline.attr('min-grid-size', Number( data.timeline.attr('min-grid-size') ) < 5 ? 30 : Number( data.timeline.attr('min-grid-size') ) );
+    if ( $this.find('.spacer-cell').width() != data.timeline.attr('min-grid-size') - 1 ) {
+      $this.find('.spacer-cell').css('width', (data.timeline.attr('min-grid-size') - 1) + 'px');
+    }
+    
+    // Adjust position of navi icons
+    var basePos     = ( $this.find('.timeline-body').outerHeight() - $this.find('.timeline-scale').outerHeight() ) / 2,
+        navIconH    = $this.find('.timeline-to-prev').outerHeight(),
+        navPosition = -1 * ( basePos + navIconH );
+    $this.find('.timeline-to-prev').css('top', navPosition + 'px');
+    $this.find('.timeline-to-next').css('top', navPosition + 'px');
+    
+    // Set event of scrolling timeline
+    $this.find('.timeline-body').scroll(function(){
+      var currentScrollLeft = $(this).scrollLeft();
+      if ( currentScrollLeft < 1 ) {
+        // Terminated Left
+        $this.find('.timeline-to-prev').hide();
+      } else
+      if ( currentScrollLeft >= (timetableSize.width - $(this).outerWidth() - 2) ) {
+        // Terminated Right
+        $this.find('.timeline-to-next').hide();
+      } else {
+        $this.find('.timeline-to-prev').show();
+        $this.find('.timeline-to-next').show();
+      }
+    });
+    
+    return $this;
+  }
+
+  function defaultEvents( obj, data ) {
+    // Defining default events
+    //if ( $(obj).find('.timeline-events').children().length > 0 ) {
+    if ( $(obj).children().length > 0 ) {
+      var eventData = [],
+          eventIds = [],
+          startEventId = 1;
+      //$(obj).find('.timeline-events').children().each(function(){
+      $(obj).children().each(function(){
+        if ( $(this).data('timelineNode') ) {
+          var event = ( new Function( 'return ' + $(this).data('timelineNode') ) )();
+          event['label'] = $(this).text();
+          if ( event.eventId ) 
+            eventIds.push( Number( event.eventId ) );
+          eventData.push( event );
+        }
+      });
+      if ( eventData.length > 0 ) {
+        startEventId = eventIds.length > 0 ? Math.max.apply( null, eventIds ) + 1 : startEventId;
+        eventData.forEach(function( evt, i, ary ) {
+          if ( ! evt.eventId ) {
+            ary[i]['eventId'] = startEventId;
+            startEventId++;
+          }
+        });
+        data.timeline.text( JSON.stringify( eventData ) );
+      }
+    }
+    return data;
+  }
+
+  function placeEvents( obj ) {
+    // Placing all events
+    var $this       = $(obj),
+        data        = $this.data('timeline'),
+        eventNodes  = ( new Function( 'return ' + data.timeline.text() ) )(),
+        tlStartDt   = new Date( normalizeDate( data.timeline.attr('actual-start-datetime') ) ),
+        tlEndDt     = new Date( tlStartDt ),
+        tlType      = data.timeline.attr('type'),
+        tlScale     = data.timeline.attr('scale'),
+        tlRange     = Number( data.timeline.attr('range') ),
+        rowH        = Number( data.timeline.attr('row-height') ),
+        tlTotalCols = Number( data.timeline.attr('total-cols') ),
+        minGridPer  = Number( data.timeline.attr('min-grid-per') ),
+        minGridSize = Number( data.timeline.attr('min-grid-size') ),
+        coordinate  = { x: 0, y: 0, w: 0 },
+        tlWidth     = minGridSize * tlTotalCols - 1;
+    $this.find('.timeline-loader').css( 'display', 'block' );
+    
+    // Updated tlEndDt
+    switch( tlScale ) {
+      case 'years':
+        tlEndDt.setYear( tlEndDt.getFullYear() + tlRange );
+        break;
+      case 'months':
+        tlEndDt.setMonth( tlEndDt.getMonth() + tlRange - 1 );
+        break;
+      case 'days':
+        tlEndDt.setDate( tlEndDt.getDate() + tlRange );
+        break;
+    }
+    
+    $this.find('.timeline-events').empty();
+    eventNodes.forEach(function( evt ) {
+      if ( evt.start ) {
+        var evtStartDt = new Date( normalizeDate( evt.start ) ),
+            evtEndDt   = evt.end == undefined ? new Date( normalizeDate( evt.start ) ) : new Date( normalizeDate( evt.end ) ),
+            msMonth    = 30 * 24 * 60 * 60 * 1000, // base value
+            msDay      = 24 * 60 * 60 * 1000,
+            msHour     = 60 * 60 * 1000,
+            gridSize   = minGridPer * minGridSize,
+            tlNodeElm;
+        if ( isBetweenTo( evtStartDt, tlStartDt, tlEndDt ) ) {
+          // When the event start date and time is within the timeline display range.
+          switch( tlScale ) {
+            case 'years':
+              coordinate.x = Math.round( ( ( evtStartDt - tlStartDt ) * tlWidth ) / ( tlEndDt - tlStartDt ) );
+              break;
+            case 'months':
+              coordinate.x = Math.floor( ( evtStartDt - tlStartDt ) / msDay * gridSize );
+              break;
+            case 'days':
+              coordinate.x = Math.floor( ( evtStartDt - tlStartDt ) / msHour * gridSize );
+              break;
+          }
+          coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
+          if ( isBetweenTo( evtEndDt, tlStartDt, tlEndDt ) ) {
+            // When the event end date and time is within the timeline display range; Define the width of the event block.
+            switch( tlScale ) {
+              case 'years':
+                coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msMonth * gridSize ) - coordinate.x );
+                break;
+              case 'months':
+                coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msDay * gridSize ) - coordinate.x );
+                break;
+              case 'days':
+                coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msHour * gridSize ) - coordinate.x );
+                break;
+            }
+            if ( coordinate.w == 0 ) {
+              coordinate.w = 1;
+            }
+          } else {
+            // When the event end date and time exceeds the timeline display range; Define the width of the event block as the timeline display area maximum.
+            switch( tlScale ) {
+              case 'years':
+                coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msMonth * gridSize ) - coordinate.x );
+                break;
+              case 'months':
+                coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msDay * gridSize ) - coordinate.x );
+                break;
+              case 'days':
+                coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msHour * gridSize ) - coordinate.x );
+                break;
+            }
+          }
+        } else
+        if ( isBetweenTo( evtEndDt, tlStartDt, tlEndDt ) ) {
+          // When the event end date and time is within the time line display range.
+          coordinate.x = 0;
+          coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
+          switch( tlScale ) {
+            case 'years':
+              coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msMonth * gridSize );
+              break;
+            case 'months':
+              coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msDay * gridSize );
+              break;
+            case 'days':
+              coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msHour * gridSize );
+              break;
+          }
+        } else
+        if ( isBetweenTo( tlStartDt, evtStartDt, evtEndDt ) && isBetweenTo( tlEndDt, evtStartDt, evtEndDt ) ) {
+          // If the timeline display range is included within the event period. (for long-term band events)
+          coordinate.x = 0;
+          coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
+          switch( tlScale ) {
+            case 'years':
+              coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msMonth * gridSize );
+              break;
+            case 'months':
+              coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msDay * gridSize );
+              break;
+            case 'days':
+              coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msHour * gridSize );
+              break;
+          }
+        } else {
+          coordinate.w = 0;
+        }
+        if ( coordinate.w > 0 ) {
+          if ( tlType === 'point' ) {
+            // For event view type: point
+            var margin = evt.margin ? Number( evt.margin ) : pointMargin;
+            margin = margin < 0 ? 0 : margin; 
+            margin = margin > (rowH / 2) ? (rowH / 2) - 1 : margin;
+            tlNodeElm = $('<div />', {
+              addClass: 'timeline-node timeline-event-pointer',
+              id: 'evt-' + evt.eventId,
+              css: {
+                left  : coordinate.x - Math.floor(rowH / 2) + margin + 'px',
+                top   : coordinate.y + margin + 'px',
+                width : rowH - (margin * 2) + 'px',
+                height: rowH - (margin * 2) + 'px'
+              },
+              title: evt.label
+            });
+            if ( evt.bdColor ) {
+              tlNodeElm.css('border-color', evt.bdColor );
+            } else 
+            if ( evt.bgColor ) {
+              tlNodeElm.css('border-color', evt.bgColor );
+            }
+            if ( evt.image ) {
+              tlNodeElm.css('background-image', 'url(' + evt.image +')');
+            }
+            if ( evt.relation ) {
+              $.each(evt.relation, function( key, value ) {
+                if ( $.inArray( key, [ 'before', 'after', 'size' ] ) != -1 && ! isNaN( value ) ) {
+                  tlNodeElm.attr( 'data-relay-' + key, Number( value ) );
+                } else
+                if ( key === 'curve' ) {
+                  if ( $.inArray( value, [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
+                    tlNodeElm.attr( 'data-relay-curve', value );
+                  }
+                } else {
+                  tlNodeElm.attr( 'data-relay-' + key, value );
+                }
+              });
+            }
+          } else {
+            // For event view type: bar
+            tlNodeElm = $('<div />', {
+              addClass: 'timeline-node timeline-text-truncate',
+              id: 'evt-' + evt.eventId,
+              css: {
+                left  : coordinate.x + 'px',
+                top   : coordinate.y + 'px',
+                width : coordinate.w + 'px'
+              },
+              text: evt.label
+            });
+            if ( evt.color ) {
+              tlNodeElm.css('color', evt.color );
+            }
+            if ( coordinate.w < minGridSize ) {
+              tlNodeElm.css('padding-left', '1.5rem').css('padding-right', '0').css('text-overflow', 'clip');
+            }
+          }
+          if ( evt.bgColor ) {
+            tlNodeElm.css('background-color', evt.bgColor );
+          }
+          if ( evt.extend ) {
+            $.each(evt.extend, function( key, value ) {
+              tlNodeElm.attr( 'data-' + key, value );
+            });
+          }
+          $this.find('.timeline-events').append( tlNodeElm.prop('outerHTML') );
+        }
+      }
+      // End of forEach
+    });
+    $this.find('.timeline-loader').css( 'display', 'none' );
+    
+    if ( tlType === 'point' || tlType === 'mixed' ) {
+      drowRelationLine( $this );
+
+      // Set event of hovering event-node (point type)
+      $this.find('.timeline-event-pointer').hover(function(e){
+        var defaultAxis;
+        if ( e.type === 'mouseenter' ) {
+          defaultAxis = { left: parseInt( $(this).css('left') ), top: parseInt( $(this).css('top') ), width: parseInt( $(this).css('width') ), height: parseInt( $(this).css('height') ) };
+          $(this).attr( 'data-default-axis', JSON.stringify( defaultAxis ) );
+          // on hover action
+          if ( ! $(this).hasClass('hovered') ) {
+            $(this).addClass('hovered').animate({ left: defaultAxis.left - rowH/10, top: defaultAxis.top - rowH/10, width: defaultAxis.width + rowH/10*2, height: defaultAxis.height + rowH/10*2 },0);
+          }
+        } else
+        if ( e.type === 'mouseleave' ) {
+          defaultAxis = $(this).data( 'defaultAxis' );
+          $(this).css('left', defaultAxis.left + 'px').css('top', defaultAxis.top + 'px').css('width', defaultAxis.width + 'px').css('height', defaultAxis.height + 'px');
+          $(this).removeAttr( 'data-default-axis' );
+          // off hover action
+          if ( $(this).hasClass('hovered') ) {
+            $(this).removeClass('hovered');
+          }
+        }
+      });
+    
+    }
+  }
+
+  function drowRelationLine( obj ) {
+    var events   = obj.find('.timeline-node.timeline-event-pointer'),
+        canvas   = obj.find('.timeline-line-canvas')[0],
+        ctx;
+    if ( ! canvas.getContext ) {
+      return;
+    }
+    ctx = canvas.getContext('2d');
+    // Get data for drawing and draw line
+    events.each(function(){
+      var lineColor = $(this).data('relayLinecolor') == undefined ? $(this).css('border-left-color') : $(this).data('relayLinecolor'),
+          lineSize  = $(this).data('relayLinesize') == undefined ? Math.round(rowH/10) : $(this).data('relayLinesize'),
+          selfPoint, startPoint, endPoint, cv, margin, diffRow;
+      // initialize
+      ctx.strokeStyle = lineColor;
+      ctx.lineWidth   = lineSize;
+      ctx.lineJoin    = 'round';
+      ctx.lineCap = 'round';
+      cv = {
+        x: (rowH - ctx.lineWidth) / 2,
+        y: rowH / 2
+      };
+      margin = Math.floor( (rowH - $(this)[0].offsetWidth) / 2 );
+      selfPoint = {
+        x: $(this)[0].offsetLeft - margin + cv.x,
+        y: Math.floor( $(this)[0].offsetTop / rowH ) * rowH + cv.y
+      };
+      
+      // Draw lines
+      if ( $(this).data('relayBefore') != undefined ) {
+        // Draw from before-event to myself
+        if ( $(this).data('relayBefore') > 0 ) {
+          if ( $('#evt-' + $(this).data('relayBefore')).length > 0 ) {
+            margin = Math.floor( (rowH - $('#evt-' + $(this).data('relayBefore'))[0].offsetWidth) / 2 );
+            startPoint = {
+              x: $('#evt-' + $(this).data('relayBefore'))[0].offsetLeft - margin + cv.x,
+              y: Math.floor( $('#evt-' + $(this).data('relayBefore'))[0].offsetTop / rowH ) * rowH + cv.y
+            };
+          }
+        } else {
+          startPoint = { x: 0, y: selfPoint.y };
+        }
+        if ( startPoint ) {
+          diffRow = ( startPoint.y - selfPoint.y ) / rowH;
+          if ( Math.abs( diffRow ) > 0 && $(this).data('relayCurve') != undefined && $.inArray( $(this).data('relayCurve'), [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
+            drawLine( startPoint, selfPoint, $(this).data('relayCurve') );
+          } else {
+            drawLine( startPoint, selfPoint );
+          }
+        }
+      }
+      if ( $(this).data('relayAfter') != undefined ) {
+        // Draw from myself to after-event
+        if ( $(this).data('relayAfter') > 0 ) {
+          if ( $('#evt-' + $(this).data('relayAfter')).length > 0 ) {
+            margin = Math.floor( (rowH - $('#evt-' + $(this).data('relayAfter'))[0].offsetWidth) / 2 );
+            endPoint = {
+              x: $('#evt-' + $(this).data('relayAfter'))[0].offsetLeft - margin + cv.x,
+              y: Math.floor( $('#evt-' + $(this).data('relayAfter'))[0].offsetTop / rowH ) * rowH + cv.y
+            };
+          }
+        } else {
+          endPoint = { x: canvas.width, y: selfPoint.y };
+        }
+        if ( endPoint ) {
+          diffRow = ( selfPoint.y - endPoint.y ) / rowH;
+          if ( Math.abs( diffRow ) > 0 && $(this).data('relayCurve') != undefined && $.inArray( $(this).data('relayCurve'), [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
+            drawLine( selfPoint, endPoint, $(this).data('relayCurve') );
+          } else {
+            drawLine( selfPoint, endPoint );
+          }
+        }
+      }
+      
+    });
+    
+    function drawLine( start, end, curve ) {
+      if ( typeof start !== 'object' || typeof end !== 'object' ) {
+        return;
+      }
+      curve = curve || false;
+      var diff = { x: Math.abs( (start.x - end.x) / rowH ), y:Math.abs( (start.y - end.y) / rowH ) },
+          controlPoint;
+      ctx.beginPath();
+      ctx.moveTo( start.x, start.y );
+      if ( curve !== false ) {
+        switch ( curve ) {
+          case 'lt':
+            controlPoint = {
+              relayStartX: start.x, 
+              relayStartY: end.y + rowH,
+              cpx: start.x,
+              cpy: end.y,
+              relayEndX: start.x + rowH,
+              relayEndY: end.y
+            };
+            break;
+          case 'rt':
+            controlPoint = {
+              relayStartX: end.x - rowH,
+              relayStartY: start.y,
+              cpx: end.x,
+              cpy: start.y,
+              relayEndX: end.x,
+              relayEndY: start.y + rowH
+            };
+            break;
+          case 'lb':
+            controlPoint = {
+              relayStartX: start.x,
+              relayStartY: end.y - rowH,
+              cpx: start.x,
+              cpy: end.y,
+              relayEndX: start.x + rowH,
+              relayEndY: end.y
+            };
+            break;
+          case 'rb':
+            controlPoint = {
+              relayStartX: end.x - rowH,
+              relayStartY: start.y,
+              cpx: end.x,
+              cpy: start.y,
+              relayEndX: end.x,
+              relayEndY: start.y - rowH
+            };
+            break;
+        }
+        if ( diff.x > 1 || diff.y > 1 ) {
+          ctx.lineTo( controlPoint.relayStartX, controlPoint.relayStartY );
+        }
+        ctx.quadraticCurveTo( controlPoint.cpx, controlPoint.cpy, controlPoint.relayEndX, controlPoint.relayEndY );
+      }
+      ctx.lineTo( end.x, end.y );
+      ctx.stroke();
+    }
+
+  }
+
+  function showEvent( eventData, metaFormat ) {
+    if ( $('.timeline-event-view').length == 0 ) {
+      return true;
+    }
+    $('.timeline-event-view').empty();
+    var tlevHeader = $('<div />', { addClass: "timeline-event-header" }),
+        tlevLabel  = $('<h3 />',  { addClass: "timeline-event-label" }),
+        tlevMeta   = $('<div />', { addClass: "timeline-event-meta" }),
+        tlevBody   = $('<div />', { addClass: "timeline-event-body" }),
+        tlevFooter = $('<div />', { addClass: "timeline-event-footer" }),
+        temp;
+    tlevLabel.text( eventData.label );
+    if ( metaFormat.end === '' ) {
+      metaFormat.end = metaFormat.start;
+    }
+    temp =  '<span class="timeline-event-start-date">' + formatDate( metaFormat.start, eventData.start ) + '</span>';
+    if ( eventData.end ) {
+      temp += '<span class="timeline-event-date-separator"></span>';
+      temp += '<span class="timeline-event-end-date">' + formatDate( metaFormat.end, eventData.end ) + '</span>';
+    }
+    tlevHeader.append( tlevLabel.prop('outerHTML') + tlevMeta.append( temp ).prop('outerHTML') );
+    if ( eventData.content ) {
+      tlevBody.html( eventData.content );
+    }
+    
+    $('.timeline-event-view').append( tlevHeader.prop('outerHTML') + tlevBody.prop('outerHTML') + tlevFooter.prop('outerHTML') );
+    
+    return true;
+  }
+
+  var retriveServerDate = function( ) {
+    // Retrive datetime from server
+    return $.ajax({
+      type: 'GET'
+    }).done(function(d,s,xhr){
+      $('body').data('serverDate', new Date( normalizeDate( xhr.getResponseHeader('Date') ) ) );
+    }).promise();
+  };
+
+  function setCurrentDate( fromServer ) {
+    // Setting currently datetime
+    var currentDate = new Date();
+    if ( fromServer ) {
+      retriveServerDate().then(function() {
+        currentDate = $('body').data('serverDate');
+        $.removeData('body', 'serverDate');
+      }, function() {
+        currentDate = new Date();
+      });
+    }
+    return currentDate;
+  }
+  
+  function isBetweenTo( targetDate, beginDate, endDate ) {
+    // Determine whether the specified date and time is within range
+    var targetDt = new Date( targetDate ).getTime(),
+        beginDt  = new Date( beginDate ).getTime(),
+        endDt    = new Date( endDate ).getTime();
+    return targetDt - beginDt >= 0 && endDt - targetDt >= 0;
+  }
+  
+  function getAbscissa( targetDt, dataObject ) {
+    targetDt    = Object.prototype.toString.call( targetDt ) === '[object Date]' ? targetDt : new Date( normalizeDate( targetDt ) );
+    var data        = dataObject.timeline,
+        //justify     = $.inArray( justify.toLowerCase(), [ 'left', 'center' ] ) != -1 ? justify.toLowerCase() : 'center',
+        startDt     = new Date( normalizeDate( data.attr('actual-start-datetime') ) ),
+        endDt       = new Date( startDt ),
+        scale       = data.attr('scale'),
+        range       = Number( data.attr('range') ),
+        tlTotalCols = Number( data.attr('total-cols') ),
+        minGridPer  = Number( data.attr('min-grid-per') ),
+        minGridSize = Number( data.attr('min-grid-size') ),
+        tlWidth     = minGridSize * tlTotalCols - 1,
+        msDay       = 24 * 60 * 60 * 1000,
+        msHour      = 60 * 60 * 1000,
+        gridSize    = minGridPer * minGridSize,
+        _tmpDt, posX;
+    // Set end datetime
+    switch ( scale ) {
+      case 'years':
+        endDt = new Date( endDt.setFullYear( endDt.getFullYear() + range ) );
+        _tmpDt = endDt.getTime();
+        endDt.setTime( _tmpDt - 1 );
+        break;
+      case 'months':
+        endDt = new Date( endDt.setMonth( endDt.getMonth() + range ) );
+        _tmpDt = endDt.getTime();
+        endDt.setTime( _tmpDt - 1 );
+        break;
+      case 'days':
+        endDt = new Date( endDt.setDate( endDt.getDate() + range ) );
+        _tmpDt = endDt.getTime();
+        endDt.setTime( _tmpDt - 1 );
+        break;
+    }
+    if ( isBetweenTo( targetDt, startDt, endDt ) ) {
+      switch ( scale ) {
+        case 'years':
+          posX = Math.round( ( ( targetDt - startDt ) * tlWidth ) / ( endDt - startDt ) );
+          break;
+        case 'months':
+          posX = Math.floor( ( targetDt - startDt ) / msDay * gridSize );
+          break;
+        case 'days':
+          posX = Math.floor( ( targetDt - startDt ) / msHour * gridSize );
+          break;
+      }
+      return posX;
+    } else {
+      return false;
+    }
+  }
+  
+  function normalizeDate( dateString ) {
+    // For Safari
+    return dateString.replace(/-/g, '/');
+  }
+  
+  function retriveDaysGrid( minuteInterval, minGridPer ) {
+    // Deprecated
+    if ( minGridPer == 30 ) {
+      return Math.floor( 60 / Number( minuteInterval ) );
+    } else {
+      return Number( minGridPer );
+    }
+  }
+  
+  function array_sum( ary ) {
+    // Sum all values in array
+    return ary.reduce(function( prev, current ) {
+      return prev + current;
+    });
+  }
+  
+  function object_values( obj ) {
+    // Return array of values in object
+    var r = [];
+    for( var k in obj ) {
+      if ( obj.hasOwnProperty( k ) ) {
+        r.push( obj[k] );
+      }
+    }
+    return r;
+  }
+  
+  function object_keys( obj ) {
+    // Return array of keys in object
+    var r = [];
+    for ( var k in obj ) {
+      if ( obj.hasOwnProperty( k ) ) {
+        r.push( k );
+      }
+    }
+    return r;
+  }
+  
+  function zerofill( num, digit ) {
+    // Return numeric string with zero-fill the specific upper digits
+    var strDuplicate = function( n, str ) {
+          return Array( n + 1 ).join( str );
+        },
+        zero = strDuplicate( digit - 1, '0' );
+    return String( num ).length == digit ? num : ( zero + num ).substr( num * -1 );
+  }
+  
+  function formatDate( format, date ) {
+    // Date format like PHP
+    format = format || '';
+    var baseDt  = Object.prototype.toString.call( date ) === '[object Date]' ? date : new Date( normalizeDate( date ) ),
+        month   = { 'Jan': 'January', 'Feb': 'February', 'Mar': 'March', 'Apr': 'April', 'May': 'May', 'Jun': 'June', 'Jul': 'July', 'Aug': 'August', 'Sep': 'September', 'Oct': 'October', 'Nov': 'November', 'Dec': 'December' },
+        day     = { 'Sun': 'Sunday', 'Mon': 'Monday', 'Tue': 'Tuesday', 'Wed': 'Wednesday', 'Thu': 'Thurseday', 'Fri': 'Friday', 'Sat': 'Saturday' },
+        ma      = [ 'am', 'pm' ],
+        formatStrings = format.split(''),
+        converted = '',
+        esc = false,
+        lastDayOfMonth = function( dateObj ) {
+          var _tmp = new Date( dateObj.getFullYear(), dateObj.getMonth() + 1, 1 );
+          _tmp.setTime( _tmp.getTime() - 1 );
+          return _tmp.getDate();
+        },
+        isLeapYear = function( dateObj ) {
+          var _tmp = new Date( dateObj.getFullYear(), 0, 1 ),
+              sum  = 0, i;
+          for ( i = 0; i < 12; i++ ) {
+            _tmp.setMonth(i);
+            sum += lastDayOfMonth( _tmp );
+          }
+          return ( sum === 365 ) ? 0 : 1;
+        },
+        dateCount = function( dateObj ) {
+          var _tmp = new Date( dateObj.getFullYear(), 0, 1 ),
+              sum = 0, i;
+          for ( i=0; i<dateObj.getMonth(); i++ ) {
+            _tmp.setMonth(i);
+            sum += lastDayOfMonth( _tmp );
+          }
+          return sum + dateObj.getDate();
+        },
+        half_hours = function( dateObj ) {
+          var h = dateObj.getHours();
+          return h > 12 ? h - 12 : h;
+        },
+        ampm = function( dateObj ) {
+          var h = dateObj.getHours();
+          return h > 12 ? ma[1] : ma[0];
+        };
+
+    if ( format === '' ) {
+      return baseDt;
+    }
+
+    if ( $('.timeline-container').length > 0 ) {
+      var tlData = $('.timeline-container').eq(0).data('timeline').timeline;
+      month = tlData.attr('i18n-month') ? JSON.parse( tlData.attr('i18n-month') ) : month;
+      day   = tlData.attr('i18n-day') ? JSON.parse( tlData.attr('i18n-day') ) : day;
+      ma    = tlData.attr('i18n-ma') ? JSON.parse( tlData.attr('i18n-ma') ) : ma;
+    }
+
+    formatStrings.forEach( function( str, i ) {
+      var res, tmp, tzo, sign;
+      if ( esc === false ) {
+        switch( str ) {
+          case 'Y': // Full year | ruby %Y
+          case 'o': // Full year (ISO-8601)
+            res = baseDt.getFullYear();
+            break;
+          case 'y': // Two digits year | ruby %y
+            res = ('' + baseDt.getFullYear()).slice(-2);
+            break;
+          case 'm': // Zerofill month (01-12) | ruby %m
+            res = ('0' + (baseDt.getMonth() + 1)).slice(-2);
+            break;
+          case 'n': // Month
+            res = baseDt.getMonth() + 1;
+            break;
+          case 'F': // Full month name | ruby %B
+            res = object_values( month )[baseDt.getMonth()];
+            break;
+          case 'M': // Short month name | ruby %b
+            res = object_keys( month )[baseDt.getMonth()];
+            break;
+          case 'd': // Zerofill day (01-31) | ruby %d
+            res = ('0' + baseDt.getDate()).slice(-2);
+            break;
+          case 'j': // Day
+            res = baseDt.getDate();
+            break;
+          case 'S': // Day with suffix
+            var suffix = [ 'st', 'nd', 'rd', 'th' ],
+                suffix_index = function(){
+                  var d = baseDt.getDate();
+                  if ( d == 1 || d == 2 || d == 3 || d == 21 || d == 22 || d == 23 || d == 31 ) {
+                    return Number( ('' + d).slice(-1) - 1 );
+                  } else {
+                    return 3;
+                  }
+                };
+            res = suffix[suffix_index()];
+            break;
+          case 'w': // Day of the week (number) | ruby %w
+          case 'W': // Day of the week (ISO-8601 number)
+            res = baseDt.getDay();
+            break;
+          case 'l': // Day of the week (full) | ruby %A
+            res = object_values( day )[baseDt.getDay()];
+            break;
+          case 'D': // Day of the week (short) | ruby %a
+            res = object_keys( day )[baseDt.getDay()];
+            break;
+          case 'N': // Day of the week (ISO-8601 number)
+            res = baseDt.getDay() === 0 ? 7 : baseDt.getDay();
+            break;
+          case 'a': // am or pm
+            res = ampm(baseDt);
+            break;
+          case 'A': // AM or PM
+            res = ampm(baseDt).toUpperCase();
+            break;
+          case 'g': // Half hours (1-12)
+            res = half_hours( baseDt );
+            break;
+          case 'h': // Zerofill half hours (01-12) | ruby %I
+            res = ('0' + half_hours(baseDt)).slice(-2);
+            break;
+          case 'G': // Full hours (0-23)
+            res = baseDt.getHours();
+            break;
+          case 'H': // Zerofill full hours (00-23) | ruby %H
+            res = ('0' + baseDt.getHours()).slice(-2);
+            break;
+          case 'i': // Zerofill minutes (00-59) | ruby %M
+            res = ('0' + baseDt.getMinutes()).slice(-2);
+            break;
+          case 's': // Zerofill seconds (00-59) | ruby %S
+            res = ('0' + baseDt.getSeconds()).slice(-2);
+            break;
+          case 'z': // Day of the year (1-366) | ruby %j
+            res = dateCount( baseDt );
+            break;
+          case 't': // Days of specific month
+            res = lastDayOfMonth( baseDt );
+            break;
+          case 'L': // Whether a leap year
+            res = isLeapYear( baseDt );
+            break;
+          case 'c': // Date of ISO-8601
+            tmp = baseDt.getTimezoneOffset();
+            tzo = [ Math.floor( Math.abs( tmp ) / 60 ), Math.abs( tmp ) % 60 ];
+            sign = tmp < 0 ? '+' : '-';
+            res  = baseDt.getFullYear() +'-'+ zerofill( baseDt.getMonth() + 1, 2 ) +'-'+ zerofill( baseDt.getDate(), 2 ) +'T';
+            res += zerofill( baseDt.getHours(), 2 ) +':'+ zerofill( baseDt.getMinutes(), 2 ) +':'+ zerofill( baseDt.getSeconds(), 2 );
+            res += sign + zerofill( tzo[0], 2 ) +':'+ zerofill( tzo[1], 2 );
+            break;
+          case 'r': // Date of RFC-2822
+            tmp = baseDt.getTimezoneOffset();
+            tzo = [ Math.floor( Math.abs( tmp ) / 60 ), Math.abs( tmp ) % 60 ];
+            sign = tmp < 0 ? '+' : '-';
+            res  = object_keys( day )[baseDt.getDay()] +', '+ baseDt.getDate() +' '+ object_keys( month )[baseDt.getMonth()] +' '+ baseDt.getFullYear() +' ';
+            res += zerofill( baseDt.getHours(), 2 ) +':'+ zerofill( baseDt.getMinutes(), 2 ) +':'+ zerofill( baseDt.getSeconds(), 2 ) +' ';
+            res += sign + zerofill( tzo[0], 2 ) + zerofill( tzo[1], 2 );
+            break;
+          case 'u': // Millisecond
+            res = baseDt.getTime();
+            break;
+          case 'U': // Unix Epoch seconds
+            res = Date.parse( baseDt ) / 1000;
+            break;
+          case "\\": // escape
+            esc = true;
+            res = formatStrings[i + 1];
+            break;
+          default:
+            res = str;
+            break;
+        }
+        converted += res;
+      } else {
+        esc = false;
+        return true;
+      }
+    });
+    return converted;
+  }
+  
+  var getBrowserLang = function() {
+    var dfd = $.Deferred(),
+        language = ( navigator.userLanguage || navigator.browserLanguage || navigator.language );
+    if ( arguments.length == 0 || ! arguments[0] ) {
+      // From local browser settings
+      dfd.resolve( language );
+    } else {
+      $.ajax({
+        url: '//ajaxhttpheaders.appspot.com',
+        data: { callback: pluginName },
+        dataType: 'jsonp'
+      }).done(function( headers ) {
+        var tmpLang, langs, qualities, country;
+        tmpLang = headers['Accept-Language'].split(';');
+        langs = tmpLang[0].split(',');
+        qualities = tmpLang[1].split(','); // not used yet
+        country = headers['X-Appengine-Country']; // not used yet
+        if ( langs.length > 0 ) {
+          language = langs[0];
+        }
+        dfd.resolve( language );
+      }).fail(function() {
+        dfd.reject();
+      });
+    }
+    return dfd.promise();
+  };
+  
+  function importLocale( tlObj ) {
+    var dfd = $.Deferred(),
+        langDir  = tlObj.data('timeline').timeline.attr('langs-dir') || './langs/',
+        loadPath = langDir + tlObj[0].lang + '.json'; // updated from `tlObj[0].lang.toLowerCase()`
+    $.ajax({
+      url: loadPath,
+      type: 'get',
+      dataType: 'json'
+    }).done(function( locale ){
+      dfd.resolve( locale );
+    }).fail(function(){
+      dfd.reject();
+    });
+    
+    return dfd.promise();
+  }
+  
+})( jQuery );
diff --git a/public/opac/java/jquery.timeline-master/src/timeline.scss b/public/opac/java/jquery.timeline-master/src/timeline.scss
new file mode 100644
index 0000000000000000000000000000000000000000..58418d59d2f0bb1727351c2e2cc895bcc530bcd0
--- /dev/null
+++ b/public/opac/java/jquery.timeline-master/src/timeline.scss
@@ -0,0 +1,467 @@
+/* global variables */
+$font_path: "./fonts/";
+$default_event_bgcolor: #e3d7a3;
+$default_event_txtcolor: #777e41;
+$default_event_pointer_bgcolor: #f0f0f0;
+$default_event_pointer_border: #4496d3;
+$default_needle_pointer_color: #e8383d;
+/*!
+ * jQuery Timeline Plugin
+ * ------------------------
+ * Version: 1.0.5
+ * Coded by: ka2 ( https://ka2.org/ )
+ * Repository: https://github.com/ka215/jquery.timeline
+ * Lisenced: MIT
+ */
+@charset "UTF-8";
+@font-face {
+  font-family: 'jQueryTimeline';
+  src:  url('#{$font_path}jQueryTimeline.eot?t4qpol');
+  src:  url('#{$font_path}jQueryTimeline.eot?t4qpol#iefix') format('embedded-opentype'),
+    url('#{$font_path}jQueryTimeline.ttf?t4qpol') format('truetype'),
+    url('#{$font_path}jQueryTimeline.woff?t4qpol') format('woff'),
+    url('#{$font_path}jQueryTimeline.svg?t4qpol#jQueryTimeline') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="jqtl-"], [class*=" jqtl-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'jQueryTimeline' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.jqtl-pushpin:before {
+  content: "\ea37";
+}
+.jqtl-calendar:before {
+  content: "\ea60";
+}
+.jqtl-spinner:before {
+  content: "\eb24";
+}
+.jqtl-more:before {
+  content: "\ec5b";
+}
+.jqtl-more-horizontal:before {
+  content: "\ec5c";
+}
+.jqtl-more-vertical:before {
+  content: "\ec6a";
+}
+.jqtl-dot:before {
+  content: "\ec6b";
+}
+.jqtl-plus:before {
+  content: "\ed5d";
+}
+.jqtl-minus:before {
+  content: "\ed5e";
+}
+.jqtl-cross:before {
+  content: "\ed6d";
+}
+.jqtl-circle-right:before {
+  content: "\edee";
+}
+.jqtl-circle-left:before {
+  content: "\edf2";
+}
+.jqtl-circle-fill-right:before {
+  content: "\edf6";
+}
+.jqtl-circle-fill-left:before {
+  content: "\edfa";
+}
+.jqtl-arrow-down:before {
+  content: "\ee29";
+}
+*, ::after, ::before {
+  box-sizing: border-box;
+}
+.timeline-container {
+  position: relative;
+  display: block;
+  visibility: hidden;
+  margin: 15px;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.timeline-header {
+  text-align: left;
+}
+.timeline-headline {
+  margin-top: 0;
+  margin-bottom: .5rem;
+  font-family: inherit;
+  font-size: 1.3rem;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+.timeline-from-date, .timeline-to-date {
+  margin-right: .3rem;
+}
+.timeline-from-date:before {
+  content: "\ea60";
+  font-family: 'jQueryTimeline' !important;
+  margin-right: .3rem;
+  color: #7f7f7f;
+  font-weight: 400;
+}
+.timeline-to-date:before {
+  content: "\301C";
+  margin-right: .3rem;
+  color: #7f7f7f;
+  font-weight: 400;
+}
+.timeline-body {
+  position: relative;
+  display: block;
+  margin: 0 auto;
+  width: inherit;
+  overflow-x: auto;
+  overflow-y: hidden;
+  text-align: center;
+  z-index: 1;
+}
+.timeline-wrapper {
+  position: relative;
+  display: inline-block;
+  margin: 0 1px;
+  width: auto;
+  height: 259px; /* default: index-table(59px) + timeline-grid(200px)  */
+}
+.timeline-wrapper:before, .timeline-wrapper:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 1px;
+  height: 100%;
+}
+.timeline-wrapper:before {
+  left: 0;
+  border-left: 1px solid #ddd;
+}
+.timeline-wrapper:after {
+  right: 0;
+  border-right: 1px solid #ddd;
+}
+.timeline-timetable {
+  display: table;
+  position: relative;
+  border-collapse: collapse;
+  border-spacing: 0;
+  border-color: #ddd;
+  border-top: 1px solid #ddd;
+  border-right: 0;
+  border-bottom: 1px solid #ddd;
+  border-left: 0;
+}
+.timeline-timetable>thead>tr>th {
+  border: 0;
+}
+.timeline-timetable>thead>tr>th.scale-major {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 100%;
+  color: #555;
+  text-align: center;
+  border-top: 0;
+  border-right: 1px solid #ddd;
+  border-bottom: 0;
+  border-left: 0;
+}
+.timeline-timetable>thead>tr>th.scale-medium {
+  /* width: calc( 100% / 24 ); */
+  padding-top: 0;
+  padding-bottom: 4px;
+  font-size: 85%;
+  color: #777;
+  text-align: center;
+  border-top: 0;
+  border-right: 1px solid #ddd;
+  border-bottom: 0;
+  border-left: 0;
+}
+.timeline-timetable>thead>tr>th.scale-major:last-child, 
+.timeline-timetable>thead>tr>th.scale-medium:last-child {
+  border-right: 0;
+}
+.timeline-timetable>thead>tr>th.scale-small {
+  padding: 0;
+  border-top: 0;
+  border-right: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  border-left: 0;
+}
+.timeline-timetable>thead>tr>th.scale-small:last-child {
+  border-right: 0;
+}
+.timeline-to-prev {
+  position: absolute;
+  top: -2rem;
+  left: 15px;
+  z-index: 9;
+}
+.timeline-to-next {
+  position: absolute;
+  top: -2rem;
+  right: 15px;
+  z-index: 9;
+}
+.scale-days {
+  
+}
+.scale-hours {
+  
+}
+.scale-minutes {
+  
+}
+.spacer-cell {
+  display: block;
+  width: 29px;
+  min-height: 5px;
+}
+.timeline-events {
+  position: relative;
+  display: none;
+  left: 0;
+  width: 100%;
+  height: auto;
+  z-index: 9;
+}
+.timeline-container .timeline-events {
+  position: absolute;
+  height: 200px;
+}
+.timeline-body .timeline-events {
+  display: block;
+}
+.timeline-node {
+  position: absolute;
+  display: block;
+  margin: 6px 0;
+  padding: 4px 25px 4px 10px;
+  height: auto;
+  line-height: 20px;
+  vertical-align: middle;
+  text-align: left;
+  background-color: $default_event_bgcolor;
+  color: $default_event_txtcolor;
+  user-select: none;
+  border-radius: 4px;
+  cursor: pointer;
+  z-index: 8;
+  transition: all 1s ease 0;
+}
+.timeline-event-pointer {
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+  text-align: center;
+  background-color: $default_event_pointer_bgcolor;
+  border-radius: 100%;
+  border: solid 4px $default_event_pointer_border;
+  background-image: none;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.timeline-node.timeline-event-pointer.hovered {
+  z-index: 99;
+}
+.timeline-node.timeline-event-pointer.active {
+  box-shadow: 0px 10px 6px -6px rgba(51,51,51,.25);
+  z-index: 99;
+}
+.timeline-text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.timeline-node.timeline-text-truncate.active {
+  margin: 2px 0 4px;
+  border: solid 1px rgba(61,61,61,.25);
+  box-shadow: 0px 10px 6px -6px rgba(51,51,51,.25);
+  z-index: 99;
+}
+.timeline-node.timeline-text-truncate:after {
+  content: "\ec5c";
+  font-family: 'jQueryTimeline' !important;
+  font-size: 14px;
+  position: absolute;
+  right: 5px;
+}
+.timeline-loader {
+  position: absolute;
+  display: inline-block;
+  width: 48px;
+  height: 48px;
+  margin: 0;
+  padding: 0;
+  top: 50%;
+  left: 50%;
+  opacity: .3;
+  animation: spin 2.1s linear infinite;
+}
+.timeline-loader i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 48px;
+}
+@keyframes spin {
+  0% {transform: rotate(0deg);}
+  100% {transform: rotate(360deg);}
+}
+.timeline-line-canvas {
+  position: absolute;
+  display: block;
+  left: 0;
+  width: 100%;
+  height: 200px;
+  z-index: 6;
+}
+.timeline-grids {
+  position: absolute;
+  left: 0;
+  height: 200px;
+  border-top: 1px solid #ddd;
+  z-index: 0;
+}
+.timeline-grids>tbody>tr>td {
+  padding: 0;
+  border-top: 0;
+  border-right: 1px dotted #ddd;
+  border-bottom: 0;
+  border-left: 0;
+  vertical-align: bottom;
+}
+.timeline-grids>tbody>tr>td:first-child {
+  border-left: 0;
+}
+.timeline-grids>tbody>tr>td:last {
+  border-right: 0;
+}
+.timeline-needle-pointer {
+  position: absolute;
+  display: block;
+  bottom: 7px;
+  width: 1px;
+  height: calc( 100% - 56px );
+  border-left: 2px dotted $default_needle_pointer_color;
+  z-index: 19;
+}
+_::-webkit-full-page-media, _:future, :root .timeline-needle-pointer {
+  /* For Safari only */
+  bottom: 0;
+}
+.timeline-needle-pointer:before {
+  content: "\ea37";
+  font-family: 'jQueryTimeline' !important;
+  position: absolute;
+  top: -8px;
+  left: -7.5px;
+  font-size: 13px;
+  color: $default_needle_pointer_color;
+}
+.timeline-footer {
+  position: relative;
+  top: 50%;
+  width: 100%;
+  z-index: 5;
+}
+.timeline-nav {
+  width: inherit;
+}
+.timeline-to-prev-default, .timeline-to-next-default {
+  width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 2rem;
+  color: rgba(71,71,71,.325);
+  text-decoration: none;
+}
+.timeline-to-prev-default:hover, .timeline-to-next-default:hover, 
+.timeline-to-prev-default:active, .timeline-to-next-default:active, 
+.timeline-to-prev-default:focus, .timeline-to-next-default:focus {
+  color: rgba(71,71,71,.75);
+  text-decoration: none;
+}
+.timeline-to-prev-custom, .timeline-to-next-custom {
+  width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  vertical-align: middle;
+  text-align: center;
+  border-radius: 50%;
+  background-color: rgba(51,51,51,.2);
+  color: #fff;
+  text-decoration: none;
+}
+.timeline-to-prev-custom:hover, .timeline-to-next-custom:hover, 
+.timeline-to-prev-custom:active, .timeline-to-next-custom:active, 
+.timeline-to-prev-custom:focus, .timeline-to-next-custom:focus {
+  background-color: rgba(51,51,51,.3);
+  color: rgba(255,255,255,.75);
+  text-decoration: none;
+}
+/*  */
+.timeline-event-view {
+  display: block;
+  margin: 0 1em;
+}
+.timeline-event-header {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  border-bottom: dotted 1px #a8a8a8;
+}
+.timeline-event-label {
+  font-family: inherit;
+  font-size: 1.75rem;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+.timeline-event-meta {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1rem;
+  font-weight: 300;
+}
+.timeline-event-meta:before {
+  content: "\ea60";
+  font-family: 'jQueryTimeline' !important;
+  color: #999;
+  margin-right: 0.5rem;
+}
+.timeline-event-start-date, .timeline-event-end-date {
+  
+}
+.timeline-event-date-separator {
+  display: inline-block;
+}
+.timeline-event-date-separator:after {
+  content: "\301c";
+  color: #777;
+  font-weight: 400;
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.timeline-event-body {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+.timeline-event-footer {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
diff --git a/tests/application/modules/admin/controllers/MultimediaControllerTest.php b/tests/application/modules/admin/controllers/MultimediaControllerTest.php
index bf9cb6f9d9e48d0231317682ceafbf3fe022dd7a..1075af4d6582745031af21253b4ac4061dfa467f 100644
--- a/tests/application/modules/admin/controllers/MultimediaControllerTest.php
+++ b/tests/application/modules/admin/controllers/MultimediaControllerTest.php
@@ -215,18 +215,17 @@ class Admin_MultimediaControllerBrowseTest extends Admin_MultimediaControllerTes
                     'libelle' => 'Antibe',
                     'groups' => [$group]]);
 
-
-    $time_source = new TimeSourceForTest('today');
+    $time_source = (new TimeSourceForTest())->setTime(mktime(10, 10, 10,
+                                                             9, 12, 2012));
     Class_Multimedia_Device::setTimeSource($time_source);
 
-    $this->onLoaderOfModel('Class_Multimedia_DeviceHold')
-         ->whenCalled('countBy')
-         ->with(['role' => 'device',
-                 'model' => $device,
-                 'where' => 'start>='.$time_source->date(),
-                 'order' => 'start'])
-         ->answers(7);
-
+    $this->fixture('Class_Multimedia_DeviceHold',
+                   ['id' => 456,
+                    'id_device' => 1,
+                    'start' => strtotime('2012-09-13 12:00'),
+                    'end' => strtotime('2012-09-13 13:00'),
+                    'id_user' => 2
+                   ]);
 
     $this->dispatch('/admin/multimedia/browse/id/33', true);
   }
@@ -260,6 +259,30 @@ class Admin_MultimediaControllerBrowseTest extends Admin_MultimediaControllerTes
   public function nombreReservationsShouldBeSevenAndLinkToHoldsDeviceId1() {
     $this->assertXPathContentContains('//td//a[contains(@href, "multimedia/holds/id/1")]', '7');
   }
+
+
+  /** @test */
+  public function timelineJsShouldBePresent() {
+    $this->assertXPathContentContains('//script', 'jquery.timeline');
+  }
+
+
+  /** @test */
+  public function timelineCssShouldBePresent() {
+    $this->assertXPath('//link[contains(@href, "jquery.timeline")]');
+  }
+
+
+  /** @test */
+  public function holdShouldBePresent() {
+    $this->assertXPath('//li[contains(@data-timeline-node, "{\'start\':\'2012-09-13 12:00:00\',\'end\'")]');
+  }
+
+
+  /** @test */
+  public function deleteHoldShouldBePresent() {
+    $this->assertXPath('//li[contains(@data-timeline-node, "a href=")]');
+  }
 }
 
 
diff --git a/tests/application/modules/opac/controllers/AbonneControllerMultimediaTest.php b/tests/application/modules/opac/controllers/AbonneControllerMultimediaTest.php
index 083915ff25b3faa91bba424d32a6675cce994f8d..a13440d7070195fb831b50029416c363db623167 100644
--- a/tests/application/modules/opac/controllers/AbonneControllerMultimediaTest.php
+++ b/tests/application/modules/opac/controllers/AbonneControllerMultimediaTest.php
@@ -252,6 +252,7 @@ abstract class AbonneControllerMultimediaHoldTestCase extends AbstractController
                                               ['id' => 2,
                                                'libelle' => 'Poste 2',
                                                'os' => 'Windows XP',
+                                               'note' => 'écran fissuré',
                                                'disabled' => 0]),
                                $this->fixture('Class_Multimedia_Device',
                                               ['id' => 4,
@@ -769,6 +770,12 @@ class AbonneControllerMultimediaHoldDeviceTest extends AbonneControllerMultimedi
   public function posteDeuxShouldBeHoldable() {
     $this->assertXPathContentContains('//a[contains(@href, "multimedia-hold-device/device/2")]','Poste 2');
   }
+
+
+  /** @test */
+  public function poste2NoteShouldBePresent() {
+    $this->assertXPathContentContains('//p', 'écran fissuré');
+  }
 }
 
 
diff --git a/tests/application/modules/opac/controllers/CmsControllerCalendarActionTest.php b/tests/application/modules/opac/controllers/CmsControllerCalendarActionTest.php
index 94bb6a1f3128e4e24b9e6fadfeb23a8640eaf329..79309cbce48c4ef2b3076de72fecdf83a0dd8c54 100644
--- a/tests/application/modules/opac/controllers/CmsControllerCalendarActionTest.php
+++ b/tests/application/modules/opac/controllers/CmsControllerCalendarActionTest.php
@@ -22,6 +22,7 @@
 
 abstract class CmsControllerCalendarActionTestCase extends AbstractControllerTestCase {
   protected
+    $_storm_default_to_volatile = true,
     $_nanook2;
 
   public function setUp() {
@@ -58,14 +59,45 @@ abstract class CmsControllerCalendarActionTestCase extends AbstractControllerTes
                                       'events_debut' => '2011-02-17',
                                       'events_fin' => '2011-02-22']);
 
-    Storm_Test_ObjectWrapper::onLoaderOfModel('Class_Article')
-      ->whenCalled('getArticlesByPreferences')
-      ->answers([$this->_nanook2]);
+    $this->onLoaderOfModel('Class_Article')
+         ->whenCalled('getArticlesByPreferences')
+         ->answers([$this->_nanook2]);
   }
 
 
-  function tearDown() {
-    Class_AdminVar::getLoader()->find('CACHE_ACTIF')->setValeur('0');
+  public function setupCustomFields() {
+    $theme = $this->fixture('Class_CustomField',
+                            ['id' => 2,
+                             'priority' => 3,
+                             'label' => 'Theme',
+                             'field_type' => Class_CustomField_Meta::SELECT,
+                             'options_list' => 'sigb;opac',
+                             'model' => 'Article']);
+
+    $multi_options = $this->fixture('Class_CustomField',
+                            ['id' => 20,
+                             'priority' => 3,
+                             'label' => 'Options "classieuses"',
+                             'field_type' => Class_CustomField_Meta::MULTI_CHECKBOX,
+                             'options_list' => 'wifi;restauration;projection',
+                             'model' => 'Article']);
+
+    $this->fixture('Class_CustomField_Value',
+                   ['id' => 59,
+                    'custom_field_id' => $theme->getId(),
+                    'model_id' => $this->_nanook2->getId(),
+                    'value' => 'sigb']);
+
+    $this->fixture('Class_CustomField_Value',
+                   ['id' => 5,
+                    'custom_field_id' => $multi_options->getId(),
+                    'model_id' => $this->_nanook2->getId(),
+                    'value' => 'wifi;restauration']);
+  }
+
+
+  public function tearDown() {
+    Class_AdminVar::find('CACHE_ACTIF')->setValeur('0');
     parent::tearDown();
   }
 }
@@ -248,48 +280,11 @@ class CmsControllerCalendarActionWithMultipleFiltersTest extends CmsControllerCa
 
 
 
-class CmsControllerCalendarActionWithFiltersTest extends CmsControllerCalendarActionTestCase {
+class CmsControllerCalendarActionWithFiltersTest
+  extends CmsControllerCalendarActionTestCase {
   protected $_opac4;
   protected $_date;
 
-  public function setupCustomFields() {
-    Class_CustomField_Meta::beVolatile();
-    $theme = $this->fixture('Class_CustomField',
-                            ['id' => 2,
-                             'priority' => 3,
-                             'label' => 'Theme',
-                             'field_type' => Class_CustomField_Meta::SELECT,
-                             'options_list' => 'sigb;opac',
-                             'model' => 'Article']);
-
-    $multi_options = $this->fixture('Class_CustomField',
-                            ['id' => 20,
-                             'priority' => 3,
-                             'label' => 'Options',
-                             'field_type' => Class_CustomField_Meta::MULTI_CHECKBOX,
-                             'options_list' => 'wifi;restauration;projection',
-                             'model' => 'Article']);
-
-    $this->fixture('Class_CustomField_Value',
-                   ['id' => 59,
-                    'custom_field_id' => $theme->getId(),
-                    'model_id' => $this->_nanook2->getId(),
-                    'value' => 'sigb']);
-
-    $this->fixture('Class_CustomField_Value',
-                   ['id' => 5,
-                    'custom_field_id' => $multi_options->getId(),
-                    'model_id' => $this->_nanook2->getId(),
-                    'value' => 'wifi;restauration']);
-
-    $this->fixture('Class_CustomField_Value',
-                   ['id' => 2,
-                    'custom_field_id' => $theme->getId(),
-                    'model_id' => $this->_opac4->getId(),
-                    'value' => 'opac']);
-  }
-
-
   public function setUp() {
     parent::setUp();
     $this->_opac4 = $this->fixture('Class_Article',
@@ -329,6 +324,18 @@ class CmsControllerCalendarActionWithFiltersTest extends CmsControllerCalendarAc
   }
 
 
+  public function setupCustomFields() {
+    parent::setupCustomFields();
+
+    $this->fixture('Class_CustomField_Value',
+                   ['id' => 2,
+                    'custom_field_id' => 2,
+                    'model_id' => 5,
+                    'value' => 'opac']);
+  }
+
+
+
   /** @test */
   public function articleOpacShouldBeDisplay() {
     $this->assertXPathContentContains('//a[@class="calendar_event_title"]', 'OPAC 4 en prod !', $this->_response->getBody());
@@ -440,55 +447,55 @@ class CmsControllerCalendarActionWithDayTest extends AbstractControllerTestCase
     ZendAfi_View_Helper_CalendarContent::setTimeSource($time_source);
     ZendAfi_View_Helper_Calendar_Table::setTimeSource($time_source);
 
-    Storm_Test_ObjectWrapper::onLoaderOfModel('Class_Article')
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '2014-09',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true])
-      ->answers([Class_Article::find(2), Class_Article::find(5)])
-
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '2014-09',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true,
-              'event_end_after' => '2014-09-02'])
-      ->answers([Class_Article::find(2), Class_Article::find(5)])
-
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true,
-              'event_start_after' => '2014-09',
-              'event_end_after' => '',
-              'limit' => 3])
-      ->answers([Class_Article::find(2), Class_Article::find(5)])
-
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '2014-09-30',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true])
-      ->answers([Class_Article::find(2)])
-      ->beStrict();
+    $this->onLoaderOfModel('Class_Article')
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '2014-09',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true])
+         ->answers([Class_Article::find(2), Class_Article::find(5)])
+
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '2014-09',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true,
+                 'event_end_after' => '2014-09-02'])
+         ->answers([Class_Article::find(2), Class_Article::find(5)])
+
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true,
+                 'event_start_after' => '2014-09',
+                 'event_end_after' => '',
+                 'limit' => 3])
+         ->answers([Class_Article::find(2), Class_Article::find(5)])
+
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '2014-09-30',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true])
+         ->answers([Class_Article::find(2)])
+         ->beStrict();
 
     $this->dispatch('cms/calendar/date/2014-09-30/id_profil/3/id_module/1/opac/render/ajax', true);
   }
@@ -610,9 +617,9 @@ class CmsControllerCalendarActionAjaxLinkTest extends AbstractControllerTestCase
     ZendAfi_View_Helper_CalendarContent::setTimeSource($time_source);
     ZendAfi_View_Helper_Calendar_Table::setTimeSource($time_source);
 
-    Storm_Test_ObjectWrapper::onLoaderOfModel('Class_Article')
-      ->whenCalled('getArticlesByPreferences')
-      ->answers($articles);
+    $this->onLoaderOfModel('Class_Article')
+         ->whenCalled('getArticlesByPreferences')
+         ->answers($articles);
 
     $this->dispatch('/index/index/id_profil/5');
   }
@@ -626,56 +633,410 @@ class CmsControllerCalendarActionAjaxLinkTest extends AbstractControllerTestCase
 
 
 
+abstract class CmsControllerCalendarActionIcalExportTestCase
+  extends CmsControllerCalendarActionTestCase {
+
+  protected
+    $_ical = '',
+    $_articles_by_pref = [];
 
-class CmsControllerCalendarActionWithOutDateTest extends AbstractControllerTestCase {
   public function setUp() {
     parent::setUp();
 
-    $time_source = new TimeSourceForTest('2014-09-02 14:14:14');
+    $this->annecy = $this->fixture('Class_Lieu',
+                                   ['id' => '41',
+                                    'libelle' => 'Annecy',
+                                    'adresse' => 'Rue des tomates',
+                                    'code_postal' => '74000',
+                                    'latitude' => '47.0999715',
+                                    'longitude' => '5.4883906']);
+
+    $this->category_news = $this->fixture('Class_ArticleCategorie',
+                                          ['id' => 24, 'libelle' => 'News']);
+
+    $this->category_events = $this->fixture('Class_ArticleCategorie',
+                                            ['id' => 12,
+                                             'parent_categorie' => $this->category_news,
+                                             'libelle' => 'Evenement']);
+
+    $this->category_workshop = $this->fixture('Class_ArticleCategorie',
+                                              ['id' => 13, 'libelle' => 'Atelier']);
+
+    $this->_prepareFixtures();
+
+    $this->setupCustomFields();
+
+    $time_source = new TimeSourceForTest('2017-11-06 14:14:14');
     ZendAfi_View_Helper_CalendarContent::setTimeSource($time_source);
-    ZendAfi_View_Helper_Calendar_Table::setTimeSource($time_source);
+    ZendAfi_View_Helper_Calendar_Months::setTimeSource($time_source);
 
-    Storm_Test_ObjectWrapper::onLoaderOfModel('Class_Article')
+    Class_Article::getLoader()
       ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true,
-              'event_start_after' => '2014-09',
-              'event_end_after' => '',
-              'limit' => 3])
-      ->answers([])
+      ->answers($this->_articles_by_pref);
 
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '2014-09',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true,
-              'event_end_after' => '2014-09-02'])
-      ->answers([$this->fixture('Class_Article',
-                                ['id' => 1,
-                                 'titre' => 'Kitchen',
-                                 'contenu' => 'Cook'])])
+    $this->dispatch('/cms/ical');
+    $this->_ical = $this->_response->getBody();
+  }
 
-      ->whenCalled('getArticlesByPreferences')
-      ->with(['display_order' => 'EventDebut',
-              'id_categorie' => '',
-              'events_only' => true,
-              'event_date' => '2014-09',
-              'id_bib' => 0,
-              'id_lieu' => '',
-              'custom_fields' => [],
-              'published' => true])
-      ->answers([])
-      ->beStrict();
+
+  protected function _prepareFixtures() {}
+
+
+  /** @test */
+  public function contentTypeHeaderShouldBeTextCalendarUtf8() {
+    $this->assertHeaderContains('Content-Type', 'text/calendar;charset=utf-8');
+  }
+
+
+  /** @test */
+  public function contentDispositionShouldBeAttachment() {
+    $this->assertHeaderContains('Content-Disposition', 'attachment');
+  }
+
+
+  /** @test */
+  public function vCalendarShouldBegin() {
+    $this->assertContains('BEGIN:VCALENDAR', $this->_ical);
+  }
+
+
+  /** @test */
+  public function vCalendarShouldEnd() {
+    $this->assertContains('END:VCALENDAR', $this->_ical);
+  }
+
+
+  /** @test */
+  public function prodidShouldBeBokehLibraryPortal() {
+    $this->assertContains('PRODID:http://bokeh-library-portal.org', $this->_ical);
+  }
+
+
+  /** @test */
+  public function versionShouldBe2Dot0() {
+    $this->assertContains('VERSION:2.0', $this->_ical);
+  }
+
+
+  /** @test */
+  public function vEventShouldBegin() {
+    $this->assertContains('BEGIN:VEVENT', $this->_ical);
+  }
+
+
+  /** @test */
+  public function vEventShouldEnd() {
+    $this->assertContains('END:VEVENT', $this->_ical);
+  }
+}
+
+
+
+class CmsControllerCalendarActionIcalExportSimpleTest
+  extends CmsControllerCalendarActionIcalExportTestCase {
+
+  protected function _prepareFixtures () {
+    $capsule = $this->fixture('Class_Article',
+                              ['id' => 42,
+                               'titre' => 'CAPSULE TEMPORELLE 2017-2054',
+                               'contenu' => 'Curieux envers l\'avenir ?',
+                               'lieu' => $this->annecy,
+                               'all_day' => 0,
+                               'pick_day' => '',
+                               'categorie' => $this->category_workshop,
+                               'events_debut' => '2018-03-04 15:05',
+                               'events_fin' => '2018-03-04 17:17',
+                               'tags' => 'geek;science']);
+
+    $this->_articles_by_pref = [ $capsule ];
+  }
+
+
+  /** @test */
+  public function uidShouldBe42() {
+    $this->assertContains('UID:42', $this->_ical);
+  }
+
+
+  /** @test */
+  public function startDateShouldBe2018_03_04_15_05InEuropeParis() {
+    $this->assertContains('DTSTART;TZID=Europe/Paris:20180304T150500',
+                          $this->_ical);
+  }
+
+
+  /** @test */
+  public function endDateShouldBe2018_03_04_17_17InEuropeParis() {
+    $this->assertContains('DTEND;TZID=Europe/Paris:20180304T171700',
+                          $this->_ical);
+  }
+
+
+  /** @test */
+  public function categoriesShouldBeSlashAtelier() {
+    $this->assertContains('CATEGORIES:/Atelier', $this->_ical);
+  }
+
+
+  /** @test */
+  public function locationShouldBeAnnecy() {
+    $this->assertContains('LOCATION:Annecy', $this->_ical);
+  }
+
+
+  /** @test */
+  public function geoLocationShouldBeLat47Long5() {
+    $this->assertContains('GEO:47.099972;5.488391', $this->_ical);
+  }
+
+
+  /** @test */
+  public function descriptionShouldBeCurieuxEnversLAvenir() {
+    $this->assertContains('DESCRIPTION:Curieux envers l\'avenir', $this->_ical);
+  }
+
+
+  /** @test */
+  public function summaryShouldBeCapsuleTemporelle() {
+    $this->assertContains('SUMMARY:CAPSULE TEMPORELLE 2017-2054', $this->_ical);
+  }
+
+
+  /** @test */
+  public function shouldNotHaveRecurrence() {
+    $this->assertNotContains('RRULE:', $this->_ical);
+  }
+
+
+  /** @test */
+  public function shouldNotHaveCustomField() {
+    $this->assertNotContains('X-BOKEH-CUSTOMFIELD', $this->_ical);
+  }
+
+
+  /** @test */
+  public function tagsShouldBeGeekScience() {
+    $this->assertContains('X-BOKEH-TAGS:geek;science', $this->_ical);
+  }
+
+
+  /** @test */
+  public function shouldNotHaveAttach() {
+    $this->assertNotContains('ATTACH:', $this->_ical);
+  }
+
+
+  /** @test */
+  public function urlShouldContainsUrlToArticle42() {
+    $this->assertContains('/cms/articleview/id_profil/1/id/42', $this->_ical);
+  }
+}
+
+
+
+class CmsControllerCalendarActionIcalExportSimpleRecurrentTest
+  extends CmsControllerCalendarActionIcalExportTestCase {
+
+  protected function _prepareFixtures () {
+    $capsule = $this->fixture('Class_Article',
+                              ['id' => 42,
+                               'titre' => 'CAPSULE TEMPORELLE 2017-2054',
+                               'contenu' => 'Curieux envers l\'avenir ?',
+                               'lieu' => $this->annecy,
+                               'all_day' => 0,
+                               'pick_day' => '1,3,0',
+                               'categorie' => $this->category_workshop,
+                               'events_debut' => '2018-03-04 15:05',
+                               'events_fin' => '2018-05-15 17:30']);
+
+    $this->_articles_by_pref = [ $capsule ];
+  }
+
+
+  /** @test */
+  public function startDateShouldBe2018_03_04_15_05InEuropeParis() {
+    $this->assertContains('DTSTART;TZID=Europe/Paris:20180304T150500',
+                          $this->_ical);
+  }
+
+
+  /** @test */
+  public function endDateShouldBeStartDateAtEndTimeInEuropeParis() {
+    $this->assertContains('DTEND;TZID=Europe/Paris:20180304T173000',
+                          $this->_ical);
+  }
+
+
+  /** @test */
+  public function recurrenceShouldBeWeeklyUntil2018_05_15WithoutTime() {
+    $this->assertContains('RRULE:FREQ=WEEKLY;INTERVAL=1;UNTIL=20180515T000000Z;BYDAY=MO,WE,SU',
+                          $this->_ical);
+  }
+}
+
+
+
+
+class CmsControllerCalendarActionIcalExportRecurrentAllDayTest
+  extends CmsControllerCalendarActionIcalExportTestCase {
+
+  protected function _prepareFixtures () {
+    $opac4 = $this->fixture('Class_Article',
+                            ['id' => 5,
+                             'titre' => 'OPAC 4 en prod !',
+                             'contenu' => '<h3>youpi &amp; oui c&#39;est beau !</h3><img src="/userfiles/images/youpi.png">',
+                             'lieu' => $this->annecy,
+                             'all_day' => 1,
+                             'pick_day' => '1,3,0',
+                             'categorie' => $this->category_events,
+                             'events_debut' => '2018-02-17',
+                             'events_fin' => '2018-02-22']);
+
+    $this->_articles_by_pref = [ $opac4 ];
+  }
+
+
+  public function setupCustomFields() {
+    parent::setupCustomFields();
+
+    $this->fixture('Class_CustomField_Value',
+                   ['id' => 2,
+                    'custom_field_id' => 2,
+                    'model_id' => 5,
+                    'value' => 'opac']);
+  }
+
+
+  /** @test */
+  public function uidShouldBe5() {
+    $this->assertContains('UID:5', $this->_ical);
+  }
+
+
+  /** @test */
+  public function startDateShouldBe2018_02_17() {
+    $this->assertContains('DTSTART;VALUE=DATE:20180217', $this->_ical);
+  }
+
+
+  /** @test */
+  public function endDateShouldNotBePresent() {
+    $this->assertNotContains('DTEND', $this->_ical);
+  }
+
+
+  /** @test */
+  public function categoriesShouldBeSlashNewsSlashEvenement() {
+    $this->assertContains('CATEGORIES:/News/Evenement', $this->_ical);
+  }
+
+
+  /** @test */
+  public function locationShouldBeAnnecy() {
+    $this->assertContains('LOCATION:Annecy', $this->_ical);
+  }
+
+
+  /** @test */
+  public function geoLocationShouldBeLat47Long5() {
+    $this->assertContains('GEO:47.099972;5.488391', $this->_ical);
+  }
+
+
+  /** @test */
+  public function descriptionShouldBeYoupiWithoutHtml() {
+    $this->assertContains('DESCRIPTION:youpi & oui c\'est beau !', $this->_ical);
+  }
+
+
+  /** @test */
+  public function xAltDescShouldBeYoupiWithHtml() {
+    $this->assertContains('X-ALT-DESC;FMTTYPE=text/html:<h3>youpi &amp\;', $this->_ical);
+  }
+
+
+  /** @test */
+  public function summaryShouldBeOpac4EnProd() {
+    $this->assertContains('SUMMARY:OPAC 4 en prod !', $this->_ical);
+  }
+
+
+  /** @test */
+  public function recurrenceShouldBeWeeklyMondayWenesdaySundayUntil2018_02_22() {
+    $this->assertContains('RRULE:FREQ=WEEKLY;INTERVAL=1;UNTIL=20180222T000000Z;BYDAY=MO,WE,SU',
+                          $this->_ical);
+  }
+
+
+  /** @test */
+  public function themeCustomFieldShouldContainsOpac() {
+    $this->assertContains("X-BOKEH-CUSTOMFIELD;NAME=Theme:opac", $this->_ical);
+  }
+
+
+  /** @test */
+  public function attachShouldContainsYoupiImage() {
+    $this->assertContains('ATTACH:http://' . $_SERVER['HTTP_HOST'] . BASE_URL . '/userfiles/images/youpi.png', $this->_ical);
+  }
+
+
+  /** @test */
+  public function urlShouldContainsUrlToArticle5() {
+    $this->assertContains('/cms/articleview/id_profil/1/id/5', $this->_ical);
+  }
+}
+
+
+
+class CmsControllerCalendarActionWithOutDateTest extends AbstractControllerTestCase {
+  public function setUp() {
+    parent::setUp();
+
+    $time_source = new TimeSourceForTest('2014-09-02 14:14:14');
+    ZendAfi_View_Helper_CalendarContent::setTimeSource($time_source);
+    ZendAfi_View_Helper_Calendar_Table::setTimeSource($time_source);
+
+    $this->onLoaderOfModel('Class_Article')
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true,
+                 'event_start_after' => '2014-09',
+                 'event_end_after' => '',
+                 'limit' => 3])
+         ->answers([])
+
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '2014-09',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true,
+                 'event_end_after' => '2014-09-02'])
+         ->answers([$this->fixture('Class_Article',
+                                   ['id' => 1,
+                                    'titre' => 'Kitchen',
+                                    'contenu' => 'Cook'])])
+
+         ->whenCalled('getArticlesByPreferences')
+         ->with(['display_order' => 'EventDebut',
+                 'id_categorie' => '',
+                 'events_only' => true,
+                 'event_date' => '2014-09',
+                 'id_bib' => 0,
+                 'id_lieu' => '',
+                 'custom_fields' => [],
+                 'published' => true])
+         ->answers([])
+         ->beStrict();
 
     $this->dispatch('/cms/calendar/render/ajax', true);
   }
diff --git a/tests/application/modules/push/controllers/MultimediaControllerTest.php b/tests/application/modules/push/controllers/MultimediaControllerTest.php
index a58a32d8b51fec5267feb4574bc62d1c3026de32..852157882a681d6a0329fd2cdbec15f749be7bef 100644
--- a/tests/application/modules/push/controllers/MultimediaControllerTest.php
+++ b/tests/application/modules/push/controllers/MultimediaControllerTest.php
@@ -115,7 +115,7 @@ l66WXceACmsgGWEdHMB7ZPUd4HqR5bdE1Xnr1Q0Z9IIku6Naxt/yy0P5Gv+ZlW7U
     $this->fixture('Class_Multimedia_Device', ['id' => 34, 'id_origine' => '1-34']);
     $this->fixture('Class_Multimedia_DeviceGroup', ['id' => 1, 'id_origine' => '1-64', 'libelle'=>'groupe Y']);
 
-    $datas = '[{"libelle":"Groupe 1", "id":2, "site":{"id":1,"libelle":"Site 1","admin_url":"192.168.2.92"}, "postes":[{"id":1, "libelle":"Poste 1", "os":"Windows XP", "maintenance":"1"}, {"id":2, "libelle":"Poste 2", "os":"Ubuntu Lucid Lynx", "maintenance":"0"}]}]';
+    $datas = '[{"libelle":"Groupe 1", "id":2, "site":{"id":1,"libelle":"Site 1","admin_url":"192.168.2.92"}, "postes":[{"id":1, "libelle":"Poste 1", "os":"Windows XP", "maintenance":"1", "note":"Le clavier a perdu des touches."}, {"id":2, "libelle":"Poste 2", "os":"Ubuntu Lucid Lynx", "maintenance":"0"}]}]';
 
     $this->postDispatch(
         '/push/multimedia/config',
@@ -179,6 +179,12 @@ l66WXceACmsgGWEdHMB7ZPUd4HqR5bdE1Xnr1Q0Z9IIku6Naxt/yy0P5Gv+ZlW7U
   }
 
 
+  /** @test */
+  public function firstDeviceNoteShouldBeKeyboardLostSomeKeys() {
+    $this->assertEquals('Le clavier a perdu des touches.', $this->_devices[0]->getNote());
+  }
+
+
   /** @test */
   public function firstDeviceIdOrigineShouldBeOne() {
     $this->assertEquals('1-1', $this->_devices[0]->getIdOrigine());
diff --git a/tests/db/UpgradeDBTest.php b/tests/db/UpgradeDBTest.php
index 6c567b73b939ce6f96a81daa0fd379759a959025..167ae3369a8328ef4247046988928016b01558b5 100644
--- a/tests/db/UpgradeDBTest.php
+++ b/tests/db/UpgradeDBTest.php
@@ -1862,3 +1862,19 @@ class UpgradeDB_337_Test extends UpgradeDBTestCase {
   }
 
 }
+
+
+
+
+class UpgradeDB_338_Test extends UpgradeDBTestCase {
+  public function prepare() {
+    try {
+      $this->query('ALTER TABLE multimedia_device DROP column note');
+    } catch(Exception $e) {}
+  }
+
+  /** @test */
+  public function columnNoteShouldBePresent() {
+    $this->assertColumn('multimedia_device', 'note');
+  }
+}
diff --git a/tests/library/Class/Multimedia/DeviceTest.php b/tests/library/Class/Multimedia/DeviceTest.php
index 374e4feef1f165919c1efa2794896b47bfb9fad3..fad36552c37e2199091c50dd46f60b215f369adf 100644
--- a/tests/library/Class/Multimedia/DeviceTest.php
+++ b/tests/library/Class/Multimedia/DeviceTest.php
@@ -369,4 +369,77 @@ class Multimedia_DeviceCurrentHoldForUserWithoutHoldAndMaxSlotsBeforeThisUserNex
   public function shouldHaveHold() {
     $this->assertNotNull($this->_hold);
   }
-}
\ No newline at end of file
+}
+
+
+
+
+class Multimedia_DeviceCreateHoldTest extends ModelTestCase {
+  public function setUp() {
+    parent::setUp();
+
+    $user = $this->fixture('Class_Users',
+                           ['id' => 456,
+                            'login' => 'Eric',
+                            'password' => 'jcupwqjms']);
+
+    $jeudi = Class_Ouverture::chaqueJeudi('08:00', '12:00', '14:00', '18:00')
+      ->setMultimedia(1);
+    $jeudi->assertSave();
+
+    $this->fixture('Class_Bib',
+                   ['id' => 5,
+                    'libelle' => 'Antibes',
+                    'ouvertures_multimedia' => [$jeudi]]);
+
+    $this->fixture('Class_Multimedia_Location',
+                   ['id' => 987,
+                    'id_site' => 5,
+                    'slot_size' => 1]);
+
+    $this->fixture('Class_Multimedia_DeviceGroup',
+                   ['id' => 789,
+                    'id_location' => 987]);
+
+    Class_Multimedia_Location::setTimeSource((new TimeSourceForTest())->setTime(strtotime('2017-11-09 17:00:00')));
+
+    $device = $this->fixture('Class_Multimedia_Device',
+                             ['id' => 654,
+                              'id_devicegroup' => 789
+                             ]);
+
+    $current_hold = $this->fixture('Class_Multimedia_DeviceHold',
+                                   ['id' => 321,
+                                    'start' => strtotime('2017-11-09 16:00:00'),
+                                    'end' => strtotime('2017-11-09 17:45:00')]);
+
+    $device->createHoldWithStartTimeAndDuration($user,
+                                                strtotime('2017-11-09 17:00:00'),
+                                                15,
+                                                $current_hold);
+  }
+
+
+  /** @test */
+  public function twoHoldsShouldBePresentInDB() {
+    $this->assertCount(2, Class_Multimedia_DeviceHold::findAll());
+  }
+
+
+  /** @test */
+  public function currentHoldEndShouldBeNewHoldStart() {
+    $this->assertEquals(strtotime('2017-11-09 17:00:00'), Class_Multimedia_DeviceHold::find(321)->getEnd());
+  }
+
+
+  /** @test */
+  public function newHoldStartShouldBe17() {
+    $this->assertEquals(strtotime('2017-11-09 17:00:00'), Class_Multimedia_DeviceHold::find(322)->getStart());
+  }
+
+
+  /** @test */
+  public function newHoldEndShouldBe17h15() {
+    $this->assertEquals(strtotime('2017-11-09 17:15:00'), Class_Multimedia_DeviceHold::find(322)->getEnd());
+  }
+}