var tl;
        function onLoad() {
            var eventSourceBucher = new Timeline.DefaultEventSource();
            var eventSourceEsoro = new Timeline.DefaultEventSource();
            var eventSource = new Timeline.DefaultEventSource();

            var theme = Timeline.ClassicTheme.create();
            theme.event.label.width = 190;
            theme.event.bubble.width = 250;
            theme.event.bubble.height = 250;
            theme.event.track.height = 1.5;
            theme.event.track.gap = 0;
            theme.ether.backgroundColors = [
                "#333333",
                "#333333",
				"#333333"

			];
            
            var date = "2008"		// Anzeigejahr
            var bandInfos = [
                Timeline.createBandInfo({
                    width:          "70px", 
                    intervalUnit:   Timeline.DateTime.YEAR, 
                    intervalPixels: 200,
                    eventSource:    eventSourceBucher,
                    date:           date,
                    theme:          theme
                }),
                Timeline.createBandInfo({
                    width:          "275px", 
                    intervalUnit:   Timeline.DateTime.YEAR, 
                    intervalPixels: 200,
                    eventSource:    eventSourceEsoro,
                    date:           date,
                    theme:          theme
                }),
				Timeline.createBandInfo({
					width:          "70px", 
					intervalUnit:   Timeline.DateTime.YEAR, 
					intervalPixels: 30,
					eventSource:    eventSource,
					date:           date,
                    theme:          theme,
					showEventText:  false,
					trackHeight:    0.4,
					trackGap:       0.1
				})
            ];
            
            bandInfos[1].syncWith = 0;
            bandInfos[2].syncWith = 0;
            bandInfos[2].highlight = false;

            bandInfos[0].decorators = [
                new Timeline.SpanHighlightDecorator({
                    startDate:  "1985",
                    endDate:    "1993",
                    startLabel: "BUCHER LEICHTBAU & SOLARTEAM HOENGG",
                    endLabel:   "",
                    color:      "#999999",
                    opacity:    20,
                    theme:      theme
                })
			];
			bandInfos[1].decorators = [
                new Timeline.SpanHighlightDecorator({
                    startDate:  "1990",
                    endDate:    "3000",
                    startLabel: "ESORO",
                    endLabel:   "",
                    color:      "#00CCFF",
                    opacity:    0,
                    theme:      theme
                })
			];
			
            tl = Timeline.create(document.getElementById("my-timeline"), bandInfos, Timeline.HORIZONTAL);
            tl.loadXML("../../../deutsch/content/esoro/timeline/bucher_solarteam_en.xml", function(xml, url) { eventSourceBucher.loadXML(xml, url); });
			tl.loadXML("../../../deutsch/content/esoro/timeline/esoro_en.xml", function(xml, url) { eventSourceEsoro.loadXML(xml, url); });
        }
        
        var resizeTimerID = null;
        function onResize() {
            if (resizeTimerID == null) {
                resizeTimerID = window.setTimeout(function() {
                    resizeTimerID = null;
                    tl.layout();
                }, 500);
            }
        }