function onLoad() {
  var theme = Timeline.ClassicTheme.create();
  theme.ether.backgroundColors = [
            "#ddd8c3",
            "#cac5b1",
            "#bfb9a3",
            "#aea894"
        ];
  theme.ether.highlightColor = "#ddd8c3";
  theme.ether.highlightOpacity = "100";
  theme.ether.interval.line.color = "#000";
  theme.ether.interval.line.opacity = "9";
  theme.event.label.width = 331; // px
  theme.event.bubble.width = 331;
  theme.event.bubble.height = 150;
  theme.event.instant.icon = "/images/redarrow.gif";
  theme.event.instant.impreciseColor = "#feffa6";
  theme.event.instant.impreciseOpacity = 45;
  theme.event.instant.lineColor = "#a10016";
 
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Mar 1 1871 00:00:00 GMT",
        width:          "70%", 
        intervalUnit:   Timeline.DateTime.YEAR, 
        intervalPixels: 55,
		theme:          theme
    }),
    Timeline.createBandInfo({
        showEventText:  false,
        trackHeight:    0.5,
        trackGap:       0.2,
        eventSource:    eventSource,
        date:           "Mar 1 1871 00:00:00 GMT",
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.DECADE, 
        intervalPixels: 50,
		theme:          theme
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[0].highlight = true;
  
  tl = Timeline.create(document.getElementById("timeline"), bandInfos);
  Timeline.loadXML("/timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}