title: change image src with javascript not working
body: <p>Here is my code</p>
  
  <pre><code>function playPause(){
      movie = document.getElementById('movieEMBED');
      icon = document.getElementById('playPauseIcon');
      var isPlaying;
      isPlaying = movie.GetRate();
      if (!isPlaying){
          movie.Play();
          icon.setAttribute('src', "images/pausebutton.png");
      }
      else {
          movie.Stop();
          icon.setAttribute('src', "images/playbutton.png");
      }
  }
  </code></pre>
  
  <p>in the html:</p>
  
  <pre><code>&lt;input type="image" id="playPauseIcon" src="images/playbutton.png" width=30px onClick='playPause()'&gt;&lt;/input&gt;
  </code></pre>
  
  <p>Any ideas as to why the picture does not switch between the pause and play button when I click the button?</p>