/**
 * Parse the external scripts and append them to the document seperately.
 * 
 * Ensures external libs are fully loaded prior to any script on the supplied html
 * The callback is give the html minus the previously injected external script tags.
 * 
 * @param	html	Source HTML content or jquery object
 * @param	callback	Function to call passing the modifed jquery HTML reference 
 */
loadContentScripts: function ( html, callback )
{
	// Grab the external script tags and strip from the html
	var workingHtml = $(html);
	var scripts = workingHtml.filter( 'script[src$=".js"]' ).clone();
	var v = this;
 
	// If no scripts then just callback
	if ( scripts.length == 0 ){
		callback( html );
		return this;
	}
 
	// Otherwise strip the scripts from the HTML
	html = workingHtml.not( 'script[src$=".js"]' );
 
	// Gather the script names for later as .data doesnt seem to work well
	var scriptLoadMap = new Array();
	scripts.each( function ( i, ele ) {
		scriptLoadMap[ $(ele).attr( 'src' ) ] = false;
	});
 
	// Add them seperately and set the callback
	scripts.appendTo( 'body' );
 
	// Handler to check whether all scripts have been loaded
	var done = false;
	var handler = function ( e ){	
		var loadedSrc = $( e.currentTarget ).attr( 'src' );
 
		if ( typeof( scriptLoadMap[ loadedSrc ] ) == 'undefined' )
			return;
 
		// Set this one to true
		scriptLoadMap[ loadedSrc ] = true;
 
		// Check whether they've all loaded
		var allLoaded = true;
		scripts.each( function ( i, ele ) {
			src = $(ele).attr( 'src' );
			allLoaded = allLoaded && scriptLoadMap[ src ];
		})
 
		// Call the CB if all are loaded
		if ( allLoaded && !done ){
			callback( html );
			done = true;	//only call once
		}
	};
 
	// IE compat event checking for a script's load
	// This grabs all the pages scripts but thanks to our handler thats ok
	$('script[src$=".js"]').load( handler ).each( function(){
			var thisSrc = $( this ).attr( 'src' );
 
			// Don't bother unless its in out list
			if ( typeof( scriptLoadMap[ thisSrc ] ) == 'undefined' )
				return;
 
			// In case already loaded (like by cache), trigger manually
			if ( this.complete )	
				$( this ).trigger( 'load' );
 
			// Special case for IE
			else if ( $.browser.msie ){
				this.onreadystatechange = function () {
					if ( this.readyState == "loaded" || this.readyState == 'complete' )	// ie8 = loaded.  'complete' just in case...
						$( this ).load(); 
				};
			}
 
			// HKS Hack
			// Set a timeout period before we force the load, in case browser is acting up (eg. IE)
			window.setTimeout( 
				$.proxy( function ()
				{
					if ( done ) return;		// see above
 
					// Tell GA
					v._tracker.trackEvent( 'Errors', 'Script Timeout', thisSrc );
 
					if ( CONFIG.DEBUG )
						console.log( 'Script Load has timed out (' + CONFIG.SCRIPT_LOAD_TIMEOUT+'ms) for file "' + $(this).attr('src') + '".  Triggering load manually...' );
 
					if ( $.browser.msie )
						this.onreadystatechange = null;
 
					$( this ).load();		// triggers event
				}, this ), 
				CONFIG.SCRIPT_LOAD_TIMEOUT
			);
	});
 
	return this;
}
 
// USAGE:
var CONFIG = { SCRIPT_LOAD_TIMEOUT: 5000, DEBUG: 0 }
var html = 'Some html containing external scripts <script src="..."';
var container = $( '#content' );
var newContent = $( '<DIV>'+html+'</DIV>' );
 
loadContentScripts( newContent, function ( resultHtml ){
	container.append( resultHtml  );
} );