var tl;
function AMonLoad() {
  
  var theme1 = Timeline.ClassicTheme.create();
            
  
  theme1.autoWidthAnimationTime = 500;
  theme1.autoWidth = true;
  theme1.timeline_start = new Date(Date.UTC(2008, 1, 1));
  theme1.event.bubble.width = 290;   // modify it
  // theme1.event.bubble.height = 600;          
            
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
        Timeline.createHotZoneBandInfo({
        zones: [
            {   start:    "Feb 24 2008 00:00:00 GMT",
                end:      "Feb 28 2008 00:00:00 GMT",
                magnify:  10,
                unit:     Timeline.DateTime.WEEK
            },
            {   start:    "Feb 24 2008 00:00:00 GMT",
                end:      "Feb 25 2008 00:00:00 GMT",
                magnify:  7,
                unit:     Timeline.DateTime.DAY
            },
            {   start:    "Feb 24 2008 04:00:00 GMT",
                end:      "Feb 24 2008 22:00:00 GMT",
                magnify:  5,
                unit:     Timeline.DateTime.HOUR
            }
        ],
        eventSource:    eventSource,
        width:          "82%",
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 180,
        theme	: theme1
    })
    ,
     Timeline.createHotZoneBandInfo({
        zones: [
            {   start:    "Feb 24 2008 00:00:00 GMT",
                end:      "Feb 28 2008 00:00:00 GMT",
                magnify:  60,
                unit:     Timeline.DateTime.WEEK                
                }
        ]
        ,
     	overview:       true,
     	eventSource:    eventSource,
        width:          "18%", 
        intervalUnit:   Timeline.DateTime.YEAR,
        intervalPixels: 180
     })
   ];
 


  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;

  
  tl = Timeline.create(document.getElementById("hermineline"), bandInfos);
  tl.getBand(0).setCenterVisibleDate(Date.UTC(2009, 10, 4));
  Timeline.loadXML("hermine-timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });
 }

  var resizeTimerID = null;
 function AMonResize() {
     if (resizeTimerID == null) {
         resizeTimerID = window.setTimeout(function() {
             resizeTimerID = null;
             tl.layout();
         }, 500);
     }
 }