    var timelineConfig = {
        timelineConstructor: function (div, eventSource) {   
              div.style.height="400px";
			  div.style.fontSize = "8pt";

            var theme = Timeline.ClassicTheme.create();
			theme.event.track.height = 1;
           theme.event.track.gap = 1;

            theme.event.label.width = 200; // px
            theme.event.bubble.width = 600;
            theme.event.bubble.height = 400;
            
            var date = "Fri Nov 22 1963 13:00:00 GMT-0600"

  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        width:          "70%", 
		date:           date, 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 100
    }),
    Timeline.createBandInfo({
        eventSource:    eventSource,
		date:           date, 
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.YEAR, 
        showEventText:  false,
        theme:          theme,
        trackHeight: 4,
        trackGap: 0.2,

        intervalPixels: 200
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;


            tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL);
            return tl;
        }
    }

