// -*- javascript -*-

var tl = null;

/////

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

   var theme = Timeline.ClassicTheme.create();

   theme.event.bubble.width  = 300;
   theme.event.bubble.height = 250;
   
   var bandInfos = [
      Timeline.createBandInfo( {
                                  eventSource:    eventSource,
                                  width:          "75%",
                                  intervalUnit:   Timeline.DateTime.DAY,
                                  intervalPixels: 50,
                                  theme:          theme
                               } ),
      Timeline.createBandInfo( {
                                  eventSource:    eventSource,
                                  width:          "15%",
                                  intervalUnit:   Timeline.DateTime.MONTH,
                                  intervalPixels: 100,
                                  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;

   tl = Timeline.create( document.getElementById( "photoTimeline" ), bandInfos, Timeline.HORIZONTAL );

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