jQuery(document).ready(function() {
    jQuery('body').prepend('<div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></div>');
    var eventSource = new Timeline.DefaultEventSource();
    evts = [];
 
    jQuery('.hentry_hover').each(function (index, elem) {
      var $elem = jQuery(elem);
      var dateEvent = new Date();
      dateEvent.setISO8601($elem.find('.published')[0].getAttribute('title'));
      var evt = new Timeline.DefaultEventSource.Event(
         dateEvent, //start
         dateEvent, //end
         dateEvent, //latestStart
         dateEvent, //earliestEnd
         true, //instant
         $elem.find('.content a:first').text(), //text
         $elem.find('.entry-content').text() //description
      );
      eventSource.add(evt);
    });
 
    var bandInfos = [
      Timeline.createBandInfo({
        width:          "100%", 
        intervalUnit:   Timeline.DateTime.MINUTE, 
        intervalPixels: 10,
        eventSource: eventSource,
      }),
    ];
    tl = Timeline.create(jQuery("#my-timeline")[0], bandInfos);
  });