// global app-specific javascript

document.observe('dom:loaded', function() {
	// inline replacement of media inserted via the wysiwyg editor
	/* looks for an element similar to this:
	 * <img src="/thumbnailer/fileasset/finger.jpg?width=400&amp;height=300" class="inserted-flv" image="/fileasset/finger.jpg" file="/fileasset/test.flv" width="400" height="300" />
	 */
	$$('img.inserted-flv').each(function(e) {
		var file = e.getAttribute('file');
		var image = e.getAttribute('image') || e.getAttribute('src');
		var width = e.getAttribute('width') || 528;
		var height = e.getAttribute('height') || 405;
		
		if (!file) return;
		
		var flashvars = 'file=' + file + '&image=' + image + "&screencolor=000000&frontcolor=33EAE8&lightcolor=FFFFFF&backcolor=444444";
	
		// have to manually create a replacement element because it can't replace an img element 
		var replacement = document.createElement('div');
		replacement.className = 'video-player-wrapper';
		e.replace(replacement);
			
		var s1 = new SWFObject('/swf/player.swf','player',width,height,'9');
		s1.addParam('wmode', 'transparent');
		s1.addParam('allowfullscreen','true');
		s1.addParam('allowscriptaccess','always');
		s1.addParam('flashvars',flashvars);
		s1.write(replacement);
	});
	
	// audio player insertion
	$$('img.inserted-mp3').each(function(e) {
		var file = e.getAttribute('file');
		
		if (!file) return;

		// have to manually create a replacement element because it can't replace an img element 
		var replacement = document.createElement('div');
		replacement.className = 'audio-player-wrapper';
		e.replace(replacement);
				
		var s1 = new SWFObject('/swf/player.swf','player','400','20','9');
		s1.addParam('allowscriptaccess','always');
		s1.addParam('flashvars','file=' + file);
		s1.write(replacement);
	});	
});