var tl;
var date = "Nov 22 2007 13:00:00";
var theme = Timeline.ClassicTheme.create();
theme.event.label.width = 250; // px
theme.event.bubble.width = 250;
theme.event.bubble.height = 200;

window.onload=function() {
	var eventSource = new Timeline.DefaultEventSource();
	var bandInfos = [
		Timeline.createBandInfo({
			width:          "70%", 
			intervalUnit:   Timeline.DateTime.MONTH, 
			eventSource:    eventSource,
			date:           date,
			intervalPixels: 100,
			theme:	theme
		}),
		Timeline.createBandInfo({
			width:          "30%", 
			intervalUnit:   Timeline.DateTime.YEAR, 
			eventSource:    eventSource,
			date:           date,
			overview:		true,
			intervalPixels: 200,
			theme:	theme
		})
	];
	bandInfos[1].syncWith = 0;
	bandInfos[1].highlight = true;

	tl = Timeline.create(document.getElementById("tl"), bandInfos);
	tl.loadXML("/heihetime.xml", function(xml, url) {
		eventSource.loadXML(xml, url);
	});
}
var resizeTimerID = null;
window.onresize=function() {
	if (resizeTimerID == null) {
		resizeTimerID = window.setTimeout(function() {
			resizeTimerID = null;
			tl.layout();
			}, 500);
	}
}