TIMELINE. My timeline works in Firefox, not IE

I went through the basic tutorial on the SIMILE Timeline site and
everything works fine in Firefox, but not IE. When I display the error
message in IE, I get an error message of:

'start is null or not an object'
Code 0

Thanks so much for any help?

Below is my code from the page this is coming from:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <title>Production Operations Group</title>
        <meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
        <style type="text/css" media="screen">@import "basic.css";</style>
        <style type="text/css" media="screen">@import "tabs.css";</style>

    <script src="http://simile.mit.edu/timeline/api/timeline-api.js"
type="text/javascript"></script>
    <script src="MyHMSTheme.js" type="text/javascript"></script>
<script>
var tl;
function onLoad() {
 var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
 Timeline.createHotZoneBandInfo({
        zones: [
            { start: "Apr 01 2008 00:00:00 GMT-0500",
                end: "Apr 01 2008 00:00:00 GMT-0500",
                magnify: 10,
                unit: Timeline.DateTime.WEEK
            },
        ],
        timeZone: -5,
        eventSource: eventSource,
        date: "Mar 28 2008 00:00:00 GMT",
        width: "90%",
        intervalUnit: Timeline.DateTime.MONTH,
        intervalPixels: 100,
        theme: Timeline.ClassicHMSTheme.create()
    }),
Timeline.createHotZoneBandInfo({
        zones: [
            { start: "Apr 01 2008 00:00:00 GMT-0500",
                end: "Apr 01 2008 00:00:00 GMT-0500",
                magnify: 20,
                unit: Timeline.DateTime.WEEK
            }
        ],
<!--We can turn off the rendering of text as well as condense the event
markings vertically-->
        timeZone: -5,
        showEventText: false,
        trackHeight: 0.5,
        trackGap: 0.2,
        eventSource: eventSource,
        date: "Mar 28 2008 00:00:00 GMT",
        width: "10%",
        intervalUnit: Timeline.DateTime.YEAR,
        intervalPixels: 200
    })
  ];
<!--To make the two bands scroll in synchrony-->
  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("projecttimeline.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();">
     <h1><a href="index.html">Production Operations Project Timeline</a></h1>
        <div id="header">
        <ul id="primary">
                <li><a href="index.html">Home</a></li>
                <li><span>Current Projects</span>
                </li>
        </ul>
        </div>
        <div id="main">
                <div id="contents">
<div id="my-timeline" style="height: 550px; border: 1px solid #aaa"></div>
                </div>
        </div>
  </body>
</html> 

[Submitted by Stephen P. Martino on simile.mit.edu] 

Windows Vista, 64 Bit Dell Precision Laptop, IE7
Original issue reported on code.google.com by GabrielR...@googlemail.com on 14 Apr 2009 at 10:20
cldarcy / simile-widgets

TIMELINE. My timeline works in Firefox, not IE #261
