Update to Thickbox 3.1 / Firefox Bug on Mac

I'm using thickbox to display all the media on my site. This means that beneath the images also flash videos and audio is displayed in a thickbox.

However, if you use a Firefox on a Mac, the flash content disappears. There seems to be a fix for this in thickbox 3.1 (problem discussed at http://jakeo.org/blog/2007/03/16/css-opacity-and-flash-transparency-in-m...)

After some struggle I found a quick way to patch the js / css files to solve my problem:

/* Insert at the end of the thickbox.js file */
function tb_detectMacXFF() {
  var userAgent = navigator.userAgent.toLowerCase();
  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
    return true;
  }
}

and in line 50:

    if(tb_detectMacXFF()){
      $("#TB_overlay").addClass("TB_overlayMacFFBGHack");//use png overlay so hide flash
    }else{
      $("#TB_overlay").addClass("TB_overlayBG");//use background and opacity
    }

and change the following in thickbox.css

/*  OLD CODE */
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000; 
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;  
	height:100%;
	width:100%;  
}

to

/* NEW CODE */
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
/*	background-color:#000; 
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75; */ 
	height:100%;
	width:100%;  
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} 

.TB_overlayBG {
	background-color:#000; 
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75; 
}

Works for me. Might be a niche problem, but anyway.

Cool module btw.

Cheers
Markus