Krishna · July 31, 2010 22:01
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

     <script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script>
 	 <script>
 	 var tl;
 	 function onLoad() {
 	   var eventSource = new Timeline.DefaultEventSource();
 	   var bandInfos = [
 	     Timeline.createBandInfo({
 	         eventSource:    eventSource,
 	         date:           "Jun 28 2006 00:00:00 GMT",
 	         width:          "70%", 
 	         intervalUnit:   Timeline.DateTime.MONTH, 
 	         intervalPixels: 100
 	     }),
 	     Timeline.createBandInfo({
 	         overview:       true,
 	         eventSource:    eventSource,
 	         date:           "Jun 28 2006 00:00:00 GMT",
 	         width:          "30%", 
 	         intervalUnit:   Timeline.DateTime.YEAR, 
 	         intervalPixels: 200
 	     })
 	   ];
 	   bandInfos[1].syncWith = 0;
 	   bandInfos[1].highlight = true;

 	   tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
 	   Timeline.loadXML("example1.xml", 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>
   </head>
   <body onload="onLoad();" onresize="onResize();">
 	<div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></div>
 	<noscript>
 	This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
 	</noscript>
   </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

	<script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script>
	<script>
	var tl;
	function onLoad() {
	var eventSource = new Timeline.DefaultEventSource();
	var bandInfos = [
	Timeline.createBandInfo({
	eventSource: eventSource,
	date: "Jun 28 2006 00:00:00 GMT",
	width: "70%",
	intervalUnit: Timeline.DateTime.MONTH,
	intervalPixels: 100
	}),
	Timeline.createBandInfo({
	overview: true,
	eventSource: eventSource,
	date: "Jun 28 2006 00:00:00 GMT",
	width: "30%",
	intervalUnit: Timeline.DateTime.YEAR,
	intervalPixels: 200
	})
	];
	bandInfos[1].syncWith = 0;
	bandInfos[1].highlight = true;

	tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
	Timeline.loadXML("example1.xml", 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>
	</head>
	<body onload="onLoad();" onresize="onResize();">
	<div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></div>
	<noscript>
	This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
	</noscript>
	</body>
	</html>