$(function(){
	var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Jun 28 1950 00:00:00 GMT",
        width:          "80%", 
        intervalUnit:   Timeline.DateTime.YEAR, 
        intervalPixels: 50
    }),
    Timeline.createBandInfo({
	    showEventText:  false,
        trackHeight:    0.1,
        trackGap:       0.1,
        eventSource:    eventSource,
        date:           "Jun 28 1950 00:00:00 GMT",
        width:          "20%", 
        intervalUnit:   Timeline.DateTime.DECADE, 
        intervalPixels: 100
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;

  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("/includes/timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });
  
	
	$(".center-timeline div").click(function(){
		centerTimeline($(this).text());
	});

});