/*
 *  ssoTEP Timeline functions
 *  Source: http://simile.mit.edu/timeline/
 */

var tl;
function onLoadTimeLine(eventURL) {
  var eventSource = new Timeline.DefaultEventSource();

  var theme = Timeline.ClassicTheme.create();
  theme.event.label.width = 280;
  theme.event.bubble.width = 280;
  theme.event.bubble.height = 150;

  theme.event.highlightColors = [ "#FFFF00","#FF0000" ];
//  theme.ether.backgroundColors = [ "#DAE0D2", "#495A72", "#454bbc" ];
  theme.ether.highlightColor = '#fff';
  theme.ether.highlightOpacity = '50';
 
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        width:          "70%", 
        intervalUnit:   Timeline.DateTime.DAY, 
        intervalPixels: 100,
        theme:          theme
    }),
    Timeline.createBandInfo({
        eventSource:    eventSource,
        width:          "15%", 
        showEventText:  false,
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 200,
        trackHeight:    0.5,
        trackGap:       0.2,
        theme:          theme
    }),
   Timeline.createBandInfo({
        eventSource:    eventSource,
        width:          "15%", 
        showEventText:  false,
        intervalUnit:   Timeline.DateTime.YEAR, 
        intervalPixels: 400,
        trackHeight:    0.5,
        trackGap:       0.2,
        theme:          theme
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  bandInfos[2].syncWith = 1;
  bandInfos[2].highlight = true;
  bandInfos[2].eventPainter.setLayout(bandInfos[1].eventPainter.getLayout());

  tl = Timeline.create(document.getElementById("ssoTEP-timeline"), bandInfos);
  Timeline.loadXML(eventURL, function(xml, url) { eventSource.loadXML(xml, url); });
}

var resizeTimerID = null;
function onResize() {
  if (resizeTimerID == null) {
    resizeTimerID = window.setTimeout(function() {
      resizeTimerID = null;
      tl.layout();
    }, 500);
  }
}