var tl;

function onLoad() {
  var theme = Timeline.ClassicTheme.create();
  theme.event.bubble.height = 170;
  theme.event.bubble.width = 300;
  theme.event.label.width = 350;
  theme.event.label.outsideColor = "#900";
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Sep 10 2001 09:00:00 GMT",
        width:          "100%", 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 40,
        theme:          theme
    })// ,
//     Timeline.createBandInfo({
//         showEventText:  false,
//         trackHeight:    1.5,
//         trackGap:       1.2,
//         eventSource:    eventSource,
//         date:           "Feb 10 2001 09:00:00 GMT",
//         width:          "30%", 
//         intervalUnit:   Timeline.DateTime.YEAR, 
//         intervalPixels: 200,
//         theme:          theme
//     })
  ];
//   bandInfos[1].syncWith = 0;
//   bandInfos[1].highlight = true;
//   bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  
  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("wiley-tenure.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}


var resizeTimerID = null;

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