// var date = "Wed Sep 16 2009 10:10:00 GMT+0900";
// today = Sat Jun 16 13:29:52 UTC+0900 2001
var ic_date = new Date();

        var tl;
        function tlonLoad() {
            var eventSource = new Timeline.DefaultEventSource();
            
            var zones = [
                {   start:    "Thu Jan 1 2009 00:00:00 GMT+0900",
                    end:      "Fri Jan 1 2010 00:00:00 GMT+0900",
                    magnify:  1,
                    unit:     Timeline.DateTime.WEEK
                }
            ];
            var zones2 = [
                {   start:    "Thu Jan 1 2009 00:00:00 GMT+0900",
                    end:      "Fri Jan 1 2010 00:00:00 GMT+0900",
                    magnify:  1,
                    unit:     Timeline.DateTime.MONTH
                }
            ];
            
            var theme = Timeline.ClassicTheme.create();
            //Timeline.ThemeName = 'dark-theme'
            theme.event.bubble.width = 500;
            //var date = "Wed Sep 16 2009 10:10:00 GMT+0900";
            var date = ic_date;
            var bandInfos = [
                Timeline.createHotZoneBandInfo({
                    width:          "80%", 
                    intervalUnit:   Timeline.DateTime.WEEK, 
                    intervalPixels: 60,
                    zones:          zones,
                    eventSource:    eventSource,
                    date:           date,
                    timeZone:       +9
                  //  theme:          theme
                }),
                Timeline.createHotZoneBandInfo({
                    width:          "20%", 
                    intervalUnit:   Timeline.DateTime.MONTH, 
                    intervalPixels: 80,
                    zones:          zones2, 
                    eventSource:    eventSource,
                    date:           date, 
                    timeZone:       +9,
                    overview:       true
                   // theme:          theme
                })
            ];
            bandInfos[1].syncWith = 0;
            bandInfos[1].highlight = true;
            tl = Timeline.create(document.getElementById("tl"), bandInfos, Timeline.HORIZONTAL);
            //tl.loadXML("./data.xml", function(xml, url) { eventSource.loadXML(xml, url); });
            tl.loadXML("/events.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);
            }
        }

window.onload = function() {
	tlonLoad();
}