title: Flash on top of jQuery dialog
body: <p>I know many have asked this question, but I think my situation is a little bit different.</p>
  
  <p>I have a site where I have some ads which is Flash hidden in a  because of xhtml/html compatibility issues. But the flash elements is on top of my jQuery dialogs which is not ideal.</p>
  
  <p>Some solutions have suggested setting wmode to opaque but I can't because my ads are scripts which outputs flash elements.</p>
  
  <p>Another solution suggested hiding ads when a dialog is shown. So my question is: Is there a way to put flash content behind my jQuery dialogs while they are visible and without altering the flash code?</p>
  
  <p>Best regards,
  Lasse Espeholt</p>
  
  <p><strong>Update:</strong>
  I have now reopned the question with a bounty. As for now, I hide every Flash ad on "show dialog". But this is still not an optimal solution. So, I'm looking for a script which can make every Flash animation to opaque (a jQuery solution would be nicest, but a plain JavaScript solution will do). Or if there should be another solution not discussed in this question, I'll be happy to hear about it :)</p>
  
  <p><strong>Update 2:</strong>
  So far, I have made this script:</p>
  
  <pre><code>function opaqueAllFlashMovies() {
      // Embed Flash movies
      $('embed[wmode!="opaque"]').attr('wmode', 'opaque').wrap('&lt;div&gt;');
  
      // Object flash movies with a wmode param
      $('object[classid$="-444553540000"] parem[wmode]').attr('value', 'opaque');
      // Object flash movies without a wmode param
      $('object[classid$="-444553540000"]').not('param[wmode]').append('&lt;param name=\'wmode\' value=\'opaque\'/&gt;').wrap('&lt;div&gt;');
  }
  </code></pre>
  
  <p>which works in FF and Chrome but not in IE. Apparently, <code>.append</code> fails. Any ideas?</p>