$(
function(){
onLoadTimeline();

}
);


var tl;
function onLoadTimeline() {
	var eventSource = new Timeline.DefaultEventSource();
	var bandInfos = [
	    Timeline.createBandInfo({
	    	timeZone:       +2,
			eventSource:	eventSource,
	        width:          "80%", 
	        intervalUnit:   Timeline.DateTime.WEEK, 
	        intervalPixels: 90
	    }),
	    Timeline.createBandInfo({
	    	timeZone:       +2,
		    showEventText:  false,
			trackHeight:    0.5,
			trackGap:       0.2,
			eventSource:	eventSource,
	        width:          "20%", 
	        intervalUnit:   Timeline.DateTime.MONTH, 
	        intervalPixels: 65
	    })
	];
  
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  
  tl = Timeline.create(document.getElementById("timeline"), bandInfos);
  Timeline.loadXML(base_web_dir+sectionUrl+"timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });
  
};