var resizeTimerID = null;

function onLoad() {
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Nov 01 2007 00:00:00 GMT",
        width:          "100%", 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 200
    })
	/*,
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Dec 01 2006 00:00:00 GMT",
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.YEAR, 
        intervalPixels: 200
    })*/
  ];
  //bandInfos[1].syncWith = 0;
  //bandInfos[1].highlight = true;
  
  trss = Timeline.create(document.getElementById("timeline-rss"), bandInfos);
  Timeline.loadXML("http://www.gaidot.net/regis/timeline.xml", function(xml, url) { eventSource.loadXML(xml, url);});
}

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

Event.observe(window, "load", onLoad);
Event.observe(window, "resize", onResize);