/**
 * jQuery Library required
 */

$(document).ready(function(){
	onLoad();
	$(window).resize(onResize());
});

function onLoad() {
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Jun 28 1500 00:00:00 GMT",
        width:          "70%",
        intervalUnit:   Timeline.DateTime.CENTURY,
        intervalPixels: 100
    }),
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "Jun 28 1500 00:00:00 GMT",
        width:          "30%",
        intervalUnit:   Timeline.DateTime.CENTURY,
        intervalPixels: 50
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());

  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("fileadmin/templates/timeline/texte_timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}