title: Uncaught TypeError: Cannot call method 'loadItem' of undefined
body: <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="https://i.stack.imgur.com/83vRf.png" alt="enter image description here"></p>