	<script src="http://simile.mit.edu/timeline/api/timeline-api.js" type="text/javascript"></script>
	<script>
		var tl;
		function onLoad() {
		  var eventSource = new Timeline.DefaultEventSource();
		  var bandInfos = [
			Timeline.createBandInfo({
						  eventSource:    eventSource,
						  //date:           "Jun 01 1999 00:00:00 GMT",
				          width:          "82%", 
				          intervalUnit:   Timeline.DateTime.MONTH, 
				          intervalPixels: 100
				      }),
			Timeline.createBandInfo({
					    showEventText:  false,
						trackHeight:    0.5,
						trackGap:       0.2,
					    eventSource:    eventSource,
						//date:           "Jun 01 1999 00:00:00 GMT",
				        width:          "18%", 
				        intervalUnit:   Timeline.DateTime.YEAR, 
				        intervalPixels: 200
				    })
		  ];
		  bandInfos[1].syncWith = 0;
		  bandInfos[1].highlight = true;
		  tl = Timeline.create(document.getElementById("booklog-timeline"), bandInfos);
		  Timeline.loadXML("timeline_xml.php?user=<?=$user;?>", function(xml, url) { eventSource.loadXML(xml, url); });
		}

		var resizeTimerID = null;
		function onResize() {
    		if (resizeTimerID == null) {
        		resizeTimerID = window.setTimeout(function() {
            		resizeTimerID = null;
            		tl.layout();
        		}, 500);
    		}
		}
	</script>
