function onLoad() {
   var eventSource = new Timeline.DefaultEventSource();
   var bandInfos = [
     Timeline.createHotZoneBandInfo({
         zones: [
             {   start:    "Oct 20 2008",
                 end:      "May 15 2009",
                 magnify:  7,
                 unit:     Timeline.DateTime.WEEK
             }
         ],
         timeZone:       -5,
	eventSource:    eventSource,
         date:           "Mar 20 2007 00:00:00 GMT",
         width:          "85%", 
         intervalUnit:   Timeline.DateTime.MONTH, 
         intervalPixels: 160
     }),
     Timeline.createBandInfo({
         timeZone:       -5,
         overview:       true,
         eventSource:    eventSource,
         date:           "Mar 20 2007 00:00:00 GMT",
         width:          "15%", 
         intervalUnit:   Timeline.DateTime.YEAR, 
         intervalPixels: 230
     })
   ];
   bandInfos[1].syncWith = 0;
   bandInfos[1].highlight = true;
   
   tl = Timeline.create(document.getElementById("timeline"), bandInfos);
   Timeline.loadXML("senate.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);
     }
 }