title: Facebook flash hiding not working on IE
body: <p>I'm working on a FB canvas app using Flash with 3D graphics. I must embed my SWF with param wmode="direct".</p>
  
  <p>According to <a href="http://developers.facebook.com/docs/reference/javascript/#hide_flash_callback" rel="nofollow">FB documentation</a>, when using wmode="direct", FB hides the flash object when displaying a popup/dialog (buy credits, chat, notifications, etc.) and after the popup close, it shows the flash again.</p>
  
  <p>On Chrome and Firefox it works, but on <strong>IE</strong>, after the dialog closes I checked the flash element style and I saw that visibility=visible, but still the flash is still hidden!</p>
  
  <p>I tried several approaches, all with same result:</p>
  
  <ol>
  <li>Not using "hideFlashCallback" on FB.init (let FB do it
  automatically)</li>
  <li><p>Using "hideFlashCallback":</p>
  
  <pre><code>function onFlashHide(params) {  
    if (params.state == 'opened') {  
      hideFlash();  
      FB.Canvas.hideFlashElement(params.elem);  
    } else if (params.state == 'closed') {  
      showFlash();  
      FB.Canvas.showFlashElement(params.elem);  
    }  
  }  
  function hideFlash() {  
    $('#flashContent').css('visibility', 'hidden');  
  }  
  function showFlash() {  
    $('#flashContent').css('visibility', 'visible');  
  }  
  </code></pre></li>
  </ol>
  
  <p>Thanks!<br>
  Roei</p>
  
  <p><strong>UPDATE:</strong><br>
  Another reference to FB documentation: <a href="http://developers.facebook.com/docs/appsonfacebook/tutorial/#flash" rel="nofollow">http://developers.facebook.com/docs/appsonfacebook/tutorial/#flash</a></p>