title: FBML mouseover doesn't work
body: <p>I want to switch an image under Facebook page's tab (static <a href="http://en.wikipedia.org/wiki/Facebook_features#FBML" rel="nofollow noreferrer">FBML</a> application), but it doesn't work. Does anyone have any ideas?</p>
  
  <p>This code doesn't work:</p>
  
  <pre><code>&lt;img src="http://www.figleaf.com/Services/images/google-logo.jpg" onmouseover="toggleOn(this)"/&gt;
  
  &lt;script&gt;
      &lt;!--
      function toggleOn(obj)
      {
          obj.src = "http://www.brickmarketingconsulting.com/yahoo.jpg";
  
      }
  
  
      //--&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>This code from a forum post doesn't work either (<a href="http://forum.developers.facebook.com/viewtopic.php?pid=66795" rel="nofollow noreferrer">http://forum.developers.facebook.com/viewtopic.php?pid=66795</a>):</p>
  
  <pre><code>&lt;a href="http://apps.facebook.com/.../index.php/"&gt;
  &lt;div id="logo_div" style="background-color:#3B5998"&gt;
      &lt;img src="http://www./.../LOGO.jpg" alt="Our Logo" height="55px" onmouseover="document.getElementById('logo_div').setInnerFBML(pic2);"/&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  
  &lt;fb:js-string var='pic1'&gt;
        &lt;img src="http://www./.../LOGO.jpg" alt="Our Logo (home)" height="55px" onmouseover="document.getElementById('logo_div').setInnerFBML(pic2);"/&gt;
  &lt;/fb:js-string&gt;
  
  &lt;fb:js-string var='pic2'&gt;
        &lt;img src="http://www./.../LOGO2.jpg" alt="Our Logo (home)" height="55px" onmouseout="document.getElementById('logo_div').setInnerFBML(pic1);"/&gt;
  &lt;/fb:js-string&gt;
  </code></pre>