var tl;
    function onLoad() {
      var eventSource = new Timeline.DefaultEventSource();
      var bandInfos = [
        Timeline.createBandInfo({
            eventSource:    eventSource,
            date:           "Jan 01 1995 00:00:00 GMT",
            width:          "100%", 
            intervalUnit:   Timeline.DateTime.YEAR, 
            intervalPixels: 30
        }),
        Timeline.createBandInfo({
            showEventText:  false,
            trackHeight:    0.5,
            trackGap:       0.2,
            eventSource:    eventSource,
            date:           "Jun 28 2006 00:00:00 GMT",
            width:          "30%", 
            intervalUnit:   Timeline.DateTime.YEAR, 
            intervalPixels: 100
        })
      ];
      bandInfos[1].syncWith = 0;
      bandInfos[1].highlight = true;

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

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