// -*- javascript -*-

var tl = null;

/////

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

   var theme = Timeline.ClassicTheme.create();

   theme.event.bubble.width  = 320;
   theme.event.bubble.height = 220;

   var bandInfos = [
      Timeline.createBandInfo( {
                                  eventSource:    eventSource,
                                  width:          "70%",
                                  intervalUnit:   Timeline.DateTime.DAY,
                                  intervalPixels: 75,
                                  theme:          theme
                               } ),
      Timeline.createBandInfo( {
                                  eventSource:    eventSource,
                                  width:          "20%",
                                  intervalUnit:   Timeline.DateTime.MONTH,
                                  intervalPixels: 75,
                                  showEventText:  false,
                                  trackHeight:    0.5,
                                  trackGap:       0.2,
                                  theme:          theme
                               } ),
      Timeline.createBandInfo( {
                                  eventSource:    eventSource,
                                  width:          "10%",
                                  intervalUnit:   Timeline.DateTime.YEAR,
                                  intervalPixels: 350,
                                  showEventText:  false,
                                  trackHeight:    0.5,
                                  trackGap:       0.2,
                                  theme:          theme
                               } ) ];

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

   // Mark the "here be dragons" region before I started keeping records.
   for ( var i = 0; i < bandInfos.length; i++ )
   {
      bandInfos[ i ].decorators = [ 
         new Timeline.SpanHighlightDecorator(
            {
               startDate:  Timeline.DateTime.parseIso8601DateTime( "0001-01-01T00:00Z" ),
               endDate:    Timeline.DateTime.parseIso8601DateTime( "2005-04-16T00:00Z" ),
               startLabel: "",
               endLabel:   "",
               color:      "#DEE3E7",
               theme:      theme
            } ) ];
   }
  
   tl = Timeline.create( document.getElementById( "aaTimeline" ), bandInfos, Timeline.HORIZONTAL );

   Timeline.loadXML( "aalogs.xml", function( xml, url ) { eventSource.loadXML( xml, url ); } );
}