Uncaught TypeError: Cannot call method 'loadItem' of undefined
<p>I have a flash player that loads a new movie when a thumbnail is clicked or any element with class of item. Works fine in FF, but not in Chrome or IE. Need help figuring out the error: 'Uncaught TypeError: Cannot call method 'loadItem' of undefined'</p>

<p>Here is script in header:</p>

<pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 var isFlashReady = false;
 function flashReady(){isFlashReady = true;}
 function showRegistration(){alert("showRegistration");}
 function registrationCompleted(){thisMovie("player1").registrationCompleted();}
 function loadItem(id){thisMovie("player1").loadItem(id);}
 function thisMovie(movieName){if (navigator.appName.indexOf("Microsoft") != -1){return document.getElementById(movieName);}else{return document[movieName];}}  
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
jQuery(document).ready(
function() {jQuery(".item").click(function () { loadItem(this.id); });}
);
&lt;/script&gt;
</code></pre>

<p>And the code from the page including the video player and a list of images</p>

<pre><code>&lt;object data="player.swf" name="player1" id="player1" type="application/x-shockwave-flash" align="middle" width="853" height="480" &gt;
&lt;param value="player.swf" name="movie"&gt; &lt;!--was missing this var which IE 6,7,8 needed --&gt;
&lt;param value="high" name="quality"&gt;
&lt;param value="#333333" name="bgcolor"&gt;
&lt;param value="true" name="play"&gt;
&lt;param value="true" name="loop"&gt;
&lt;param value="window" name="wmode"&gt;
&lt;param value="showall" name="scale"&gt;
&lt;param value="true" name="menu"&gt;
&lt;param value="true" name="devicefont"&gt;
&lt;param value="" name="salign"&gt;
&lt;param value="always" name="allowscriptaccess"&gt;
&lt;param value="true" name="allowFullScreen"&gt;
&lt;param value="xml=reach.xml&amp;defaultId=1" name="flashvars"&gt;
Install Adobe Flash and revisit to watch video content. &lt;!--This is alternate content, took it out and Chrome worked fine --&gt;
&lt;/object&gt;

&lt;div style="float:left;"&gt;
&lt;p&gt;&lt;strong&gt;Space Track&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;img src="images/spacetrack1a.jpg" class="item" id="1" title="Space Track Video #1" alt="Space Track Video #1" width="120" height="70"  /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/spacetrack2.jpg" class="item" id="2" title="Space Track Video #2" alt="Space Track Video #2" width="120" height="70" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/spacetrack3.jpg" class="item" id="3" title="Space Track Video #3" alt="Space Track Video #3" width="120" height="70" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/spacetrack4.jpg" class="item" id="4" title="Space Track Video #4" alt="Space Track Video #4" width="120" height="70" /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p><img src="http://i.stack.imgur.com/83vRf.png" alt="enter image description here"></p>
