/* $Id$ */
var tl;
	
function onLoad()
{
  var eventSource = new Timeline.DefaultEventSource();
  var theme = Timeline.ClassicTheme.create();

	
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        width:          "75%",
        intervalUnit:   Timeline.DateTime.YEAR,
        intervalPixels: 400
    }),
    Timeline.createBandInfo({
	    showEventText:  false,
        trackHeight:    0.4,
        trackGap:       0.2,
        eventSource:    eventSource,
        width:          "25%",
        intervalUnit:   Timeline.DateTime.DECADE,
        intervalPixels: 400
    })
  ];



  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());

  tl = Timeline.create(document.getElementById("tl"), bandInfos, Timeline.HORIZONTAL);
  tl.loadXML("../php-museum/php-museum.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);
    }
}