title: Uncaught TypeError: Cannot set property 'src' of undefined
body: <p>I have the following javascript code, which is doing an image rotation on a website I'm working on.  It works correctly in Firefox, but not in Chrome or Safari.</p>
  
  <p>When I run the script console in firebug, it doesn't find an error, but when I run the script console in Chrome, it comes back with the error: Uncaught TypeError: Cannot set property 'src' of undefined</p>
  
  <p>the error is at line38, near the bottom, document[place].src = new_image();</p>
  
  <p>I'm new to understanding javascript, although I've used various scripts for quite a while.  I would like to know whats happening thats causing the script to not work, and what I could do to make it work.</p>
  
  <pre><code>var interval = 5; // delay between rotating images (in seconds)  
  var random_display = 0; // 0 = no, 1 = yes  
  interval *= 1000;  
  
  var image_index = 0;  
  image_list = new Array();  
  image_list[image_index++] = new imageItem("images/banner/banner-1.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-1.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-2.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-3.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-4.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-5.jpg");  
  image_list[image_index++] = new imageItem("images/banner/banner-6.jpg");  
  var number_of_image = image_list.length;  
  function imageItem(image_location) {  
  this.image_item = new Image();  
  this.image_item.src = image_location;  
  }  
  function get_ImageItemLocation(imageObj) {
  return(imageObj.image_item.src)
  }
  function generate(x, y) {  
  var range = y - x + 1;  
  return Math.floor(Math.random() * range) + x;  
  }  
  function getNextImage() {  
  if (random_display) {  
  image_index = generate(0, number_of_image-1);  
  }  
  else {  
  image_index = (image_index+1) % number_of_image;  
  }  
  var new_image = get_ImageItemLocation(image_list[image_index]);  
  return(new_image);  
  }  
  function rotateImage(place) {  
  var new_image = getNextImage();  
  document[place].src = new_image;  
  var recur_call = "rotateImage('"+place+"')";  
  setTimeout(recur_call, interval);  
  }  
  </code></pre>
  
  <p>/scripts/animation.js:38 Uncaught TypeError: Cannot set property 'src' of undefined</p>
  
  <p>Thanks for your help.</p>