JavaScript - DOM Ready(ier)

/**
 * Works in Chrome, Firefox, MSIE, Opera and Safari.
 */
function onDOMContentLoaded( event ) {
	if( event ) {
		document.removeEventListener( event.type, onDOMContentLoaded, false );
	}
	document.onreadystatechange = null;
	// For testing purposes.
	alert( "DOM Content Loaded" );
}
if( document.addEventListener ) {
	document.addEventListener( "DOMContentLoaded", onDOMContentLoaded, false );
}
document.onreadystatechange = function() {
	if( document.readyState == "interactive"  || document.readyState == "complete" ) {
		onDOMContentLoaded( null );
	}
}

IE doesn't fire document.readyState as "interactive" while other elements are loading (or some other crazy reason). To get it to respond 100% of the time I had to add "complete".

Thanks for the "interactive" catch, I've adjusted the original code accordingly (just replaced "interactive" with "complete")

Hot sauce! Great snippet, man.