/*!
 * Media Element
 * HTML5 <video> libary
 * http://mediaelementjs.com/
 *
 * Creates a JavaScript object that mimics HTML5 media objects
 * through a Flash->JavaScript|Silverlight bridge
 *
 * Copyright 2010, John Dyer
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Version: 1.0.1
 */

(function () {
	// for testing
	if (typeof window.console == 'undefined') window.console = { log: function () { } };

	// for IE<9
	var mediaElements = ['audio', 'video', 'source'];
	for (var i = 0; i < mediaElements.length; i++)
			document.createElement(mediaElements[i]);

	var
		// Namespace
		html5 = {}

		// player number (for missing, same id attr)
		, elIndex = 0

		// media types accepted by plugins
		, plugins = {
				'silverlight': [
					  {version: '3.0', type: 'video/mp4'}
					, {version: '3.0', type: 'video/m4v'}
					, {version: '3.0', type: 'video/mov'}
					, {version: '3.0', type: 'video/wmv'}
					, {version: '3.0', type: 'audio/wma'}
					, {version: '3.0', type: 'audio/mp4'}
					, {version: '3.0', type: 'audio/m4a'}
					, {version: '3.0', type: 'audio/mp3'}
				]
				,'flash': [
					  {version: '9.0.124', type: 'video/mp4'}
					, {version: '9.0.124', type: 'video/flv'}
					, {version: '9.0.124', type: 'video/mov'}
					//,{version: '11.0.0', type: 'video/webm'} // for future reference
					, {version: '9.0.124', type: 'audio/mp3'}
					, {version: '9.0.124', type: 'audio/m4a'}
					, {version: '9.0.124', type: 'audio/mp4'}
					, {version: '9.0.124', type: 'audio/flv'}
				]
	};

	// Flash version detection from SwfObject 2.2
	/* Centralized function for browser feature detection
	- User agent string detection is only used when no good alternative is possible
	- Is executed directly for optimal performance
	*/
	var UNDEF = "undefined",
		OBJECT = "object",
		SHOCKWAVE_FLASH = "Shockwave Flash",
		SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
		FLASH_MIME_TYPE = "application/x-shockwave-flash",
		EXPRESS_INSTALL_ID = "SWFObjectExprInst",
		ON_READY_STATE_CHANGE = "onreadystatechange",

		win = window,
		doc = document,
		nav = navigator,

		ua = function () {
			var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,
			u = nav.userAgent.toLowerCase(),
			p = nav.platform.toLowerCase(),
			playerVersion = [0, 0, 0],
			d = null;
			if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
				d = nav.plugins[SHOCKWAVE_FLASH].description;
				if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
					plugin = true;
					ie = false; // cascaded feature detection for Internet Explorer
					d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
					playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
					playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
					playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;
				}
			}
			else if (typeof win.ActiveXObject != UNDEF) {
				try {
					var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
					if (a) { // a will return null when ActiveX is disabled
						d = a.GetVariable("$version");
						if (d) {
							ie = true; // cascaded feature detection for Internet Explorer
							d = d.split(" ")[1].split(",");
							playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
						}
					}
				}
				catch (e) { }
			}
			return { pv: playerVersion };
		} ();

	function hasFlashPlayerVersion(rv) {
			var pv = ua.pv, v = rv.split(".");
			v[0] = parseInt(v[0], 10);
			v[1] = parseInt(v[1], 10) || 0; // supports short notation, e.g. "9" instead of "9.0.0"
			v[2] = parseInt(v[2], 10) || 0;
			return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;
	}

	// silverlight version detection from Microsoft
	var Silverlight = {};
	Silverlight.isInstalled = function (b) {
		if (b == undefined)
			b = null;
		var a = false,
		m = null;
		try {
			var i = null,
					j = false;

			if (window.ActiveXObject)
				try {
					i = new ActiveXObject("AgControl.AgControl");
					if (b === null) a = true;
					else if (i.IsVersionSupported(b)) a = true;
					i = null
				} catch (l) {
					j = true
				} else j = true;

			if (j) {
				var k = navigator.plugins["Silverlight Plug-In"];
				if (k) if (b === null) a = true;
				else {
					var h = k.description;
					if (h === "1.0.30226.2") h = "2.0.30226.2";
					var c = h.split(".");
					while (c.length > 3) c.pop();
					while (c.length < 4) c.push(0);
					var e = b.split(".");
					while (e.length > 4) e.pop();
					var d, g, f = 0;
					do {
							d = parseInt(e[f]);
							g = parseInt(c[f]);
							f++
					} while (f < e.length && d === g);
					if (d <= g && !isNaN(d)) a = true
				}
			}
		} catch (l) {
			a = false
		}
		return a
	};

	function hasPluginVersion(plugin, rv) {
		switch (plugin) {
			case 'flash':
				return hasFlashPlayerVersion(rv);
			case 'silverlight':
				return Silverlight.isInstalled(rv);
			default:
				return false;
		}
	}

	/*
	Utility methods
	*/
	function escapeHTML(s) {
		return s.split('&').join('&amp;').split('<').join('&lt;').split('"').join('&quot;');
	}
	function absolutizeUrl(url) {
		var el = document.createElement('div');
		el.innerHTML = '<a href="' + escapeHTML(url) + '">x</a>';
		return el.firstChild.href;
	}

	function getScriptPath(scriptName) {
		var path = '';
		var scripts = document.getElementsByTagName('script');

		for (var i = 0; i < scripts.length; i++) {
			if (scripts[i].src.indexOf(scriptName) > -1) {
				path = scripts[i].src.substring(0, scripts[i].src.indexOf(scriptName));
			}
		}
		return path;
	}
	var path = getScriptPath('mediaelement.js');

	/*
	Default options
	*/
	var mediaElementDefaults = {
			enablePluginDebug: false
		, plugins: ['silverlight', 'flash'] // remove or reorder to change
		, type: ''
		, flashUrl: path + 'flashmediaelement.swf'
		, silverlightUrl: path + 'silverlightmediaelement.xap'
		, success: function () { }
		, error: function () { }
	}

	/*
	Determines if a browser supports the <video> or <audio> element
	and either returns the native element or a Flash/Silverlight version that
	mimics HTML5 MediaElements
	*/
	html5.MediaElement = function (el, o) {

		// find element
		var mediaElement = el;
		if (typeof el == 'string')
				mediaElement = document.getElementById(el);

		var isVideo = (mediaElement.tagName.toLowerCase() == 'video');

		// extend options
		var options = mediaElementDefaults;
		for (var prop in o) {
			options[prop] = o[prop];
		}

		// media type settings
		var supportsMediaTag = (typeof mediaElement.canPlayType != 'undefined');
		var canPlayMedia = false;
		var urlForPlugin = '';
		var pluginType = '';

		// test for HTML media playback
		function testMedia(type, src) {

			// Special case for Android which sadly does not report on media.canPlayType()
			// It's always a blank string (as of Android 2.1, tested on Samsung S)
			if (navigator.userAgent.indexOf('Android') > -1 && (type == 'video/mp4' || type == 'video/m4v' || type == 'video/mov')) {
				canPlayMedia = true;
				return;
			}

			// create fake type if needed
			if (src && !type) {
				var extension = src.substring(src.lastIndexOf('.') + 1);
				type = ((isVideo) ? 'video' : 'audio') + '/' + extension;
			}

			// continue normal testing
			if (supportsMediaTag && mediaElement.canPlayType(type).replace(/no/, '') != '') {
				canPlayMedia = true;

			} else {

				// go through allowed plugin types
				for (pi=0; pi<options.plugins.length; pi++) {
					// get the plugin and its allowe media types
					var plugin = options.plugins[pi];
					var mediaTypes = plugins[plugin];

					// test for plugin playback types
					for (var fi=0; fi<mediaTypes.length; fi++) {
						// find plugin that can play the type
						if (type == mediaTypes[fi].type && hasPluginVersion(plugin, mediaTypes[fi].version)) {
							urlForPlugin = src;
							pluginType = plugin;
						}
					}
				}
			}
		}

		// supplied type overrides all HTML
		if (typeof (options.type) != 'undefined' && options.type != '') {
				testMedia(options.type, null);

		// test for src attribute first
		} else if (mediaElement.getAttribute('src') != 'undefined' && mediaElement.getAttribute('src') != null) {

			var src = mediaElement.getAttribute('src');
			var type = mediaElement.getAttribute('type');

			testMedia(type, src);

		// then test for <source> elements
		} else {

			// test <source> types to see if they are usable
			// pull out one Flash can use
			for (var i = 0; i < mediaElement.childNodes.length; i++) {
				var el = mediaElement.childNodes[i];

				if (el.nodeType == 1 && el.tagName.toLowerCase() == 'source') {
					var type = el.getAttribute('type');
					var src = el.getAttribute('src');

					testMedia(type, src);
				}
			}
		}

		// Special case for Safari without Quicktime (happens on both Mac and PC).
		// Safari just acts like <video> tags are invalid HTML
		if (!supportsMediaTag && navigator.userAgent.indexOf('Safari') > -1) {
			mediaElement.innerHTML = 'You need to install Quicktime for Safari to operate properly. Weird, huh?';
			options.error(mediaElement);
			return;
		}

		//console.log(canPlayMedia, pluginType);

		// use native <audio> or <video> with existing media
		if (canPlayMedia) {

			// add methods to video object to bring it into parity with Flash Object
			for (var m in html5.HtmlMediaElement) {
				mediaElement[m] = html5.HtmlMediaElement[m];
			}

			// make sure it autoplays on slow connections
			var hasStarted = false;
			var autoplay = (mediaElement.getAttribute('autoplay') != null);

			if (autoplay) {
				function checkForPlaying() {
					if (!hasStarted) {
						mediaElement.play();
					}
				}
				var evts = 'progress timeupdate'.split(' ');
				function addCheckEvents() {
					for (var i in evts) {
						mediaElement.addEventListener(evts[i], checkForPlaying);
					}
				}
				function removeCheckEvents() {
					for (var i in evts) {
						mediaElement.removeEventListener(evts[i], checkForPlaying);
					}
				}
				addCheckEvents();
				mediaElement.addEventListener('playing', function () {
					hasStarted = true;
					removeCheckEvents();
				});
			}

			// fire ready code
			options.success(mediaElement, mediaElement);

			// return normal media element
			return mediaElement;

			// replace with plug version that mimics HTML media
		} else if (pluginType != '') {
			var width = 1;
			var height = 1;
			var pluginid = 'me_' + pluginType + '_' + (elIndex++);
			var mediaUrl = (urlForPlugin != null) ? absolutizeUrl(urlForPlugin) : '';
			var posterUrl = (mediaElement.getAttribute('poster') == null) ? mediaElement.getAttribute('poster') : '';
			var autoplay = (mediaElement.getAttribute('autoplay') != null);

			if (mediaElement.tagName.toLowerCase() == 'video') {
				height = mediaElement.height;
				width = mediaElement.width;
			} else {
				if (options.enablePluginDebug) {
					height = 320;
					width = 240;
				}
			}

			// register plugin
			var pluginMediaElement = html5.PluginMediaElement(pluginid, pluginType);
			pluginMediaElement.success = options.success;
			html5.MediaPluginBridge.registerPluginElement(pluginid, pluginMediaElement, mediaElement);

			// create wrapper <div>
			var container = document.createElement('div');
			// must be added to DOM before inserting HTML for IE
			mediaElement.parentNode.insertBefore(container, mediaElement);

			// flash/silverlight vars
			var initVars = [
				'id=' + pluginid,
				'poster=' + posterUrl,
				'autoplay=' + autoplay,
				'width=' + width,
				'height=' + height];

			if (mediaUrl != null)
				initVars.push('file=' + mediaUrl);
			if (options.enablePluginDebug)
				initVars.push('debug=true');

			var html = '';
			switch (pluginType) {
				case 'silverlight':
					container.innerHTML =
'<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"\
id="' + pluginid + '" width="' + width + '" height="' + height + '">\
<param name="initParams" value="' + initVars.join(',') + '" />\
<param name="windowless" value="true" />\
<param name="background" value="black" />\
<param name="minRuntimeVersion" value="4.0.50401.0" />\
<param name="autoUpgrade" value="true" />\
<param name="source" value="' + options.silverlightUrl + '" />\
</object>';
						break;

				case 'flash':

					if (navigator.appName.indexOf("Microsoft") != -1) {
						container.outerHTML =
'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"\
id="' + pluginid + '" width="' + width + '" height="' + height + '"> \
<param name="movie" value="' + options.flashUrl + '?x=' + (new Date()) + '" /> \
<param name="flashvars" value="' + initVars.join('&') + '" /> \
<param name="quality" value="high" /> \
<param name="bgcolor" value="#000000" /> \
<param name="wmode" value="transparent" /> \
<param name="allowScriptAccess" value="sameDomain" /> \
<param name="allowFullScreen" value="true" /> \
</object>';

					} else {

						container.innerHTML =
'<embed name="' + pluginid + '" \
play="true" \
loop="false" \
quality="high" \
bgcolor="#000000" \
wmode="transparent" \
allowScriptAccess="sameDomain" \
allowFullScreen="true" \
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" \
src="' + options.flashUrl + '?' + initVars.join('&') + '" \
width="' + width + '" \
height="' + height + '"></embed>';
					}
					break;
			}
			// hide original element
			mediaElement.style.display = 'none';

			// return fake media object
			return pluginMediaElement;
		} else {
			options.error(mediaElement);
			mediaElement.innerHTML = 'No compatible player found for your browser.'
		}
	}

	/*
	extension methods to <video> or <audio> object to bring it into parity with PluginMediaElement (see below)
	*/
	html5.HtmlMediaElement = {
			pluginType: 'native'

		, setCurrentTime: function (time) {
			this.currentTime = time;
		}
		, setMuted: function (muted) {
			this.muted = muted;
		}
		, setVolume: function (volume) {
			this.volume = volume;
		}
		, setSrc: function (url) {
			this.src = url;
		}

		, setVideoSize: function (width, height) {
			this.width = width;
			this.height = height;
		}
	}

	/*
	Mimics the <video/audio> element by calling Flash's External Interface or Silverlights [ScriptableMember]
	*/
	html5.PluginMediaElement = function (pluginid, pluginType) {

			var events = {};

			// JavaScript values and ExternalInterface methods that match HTML5 video properties methods
			// http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/fl/video/FLVPlayback.html
			// http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html
			return {

				// special
					id: pluginid
				, pluginType: pluginType
				, pluginElement: null

				// not implemented :(
				, playbackRate: -1
				, defaultPlaybackRate: -1
				, seekable: []
				, played: []

				// HTML5 read-only properties
				, paused: true
				, ended: false
				, seeking: false
				, duration: 0

				// HTML5 get/set properties, but only set (updated by event handlers)
				, muted: false
				, volume: 1
				, currentTime: 0

				// HTML5 methods
				, play: function () {
					this.pluginApi.playMedia();
					this.paused = false;
				}
				, load: function () {
					this.pluginApi.loadMedia();
					this.paused = false;
				}
				, pause: function () {
					this.pluginApi.pauseMedia();
					this.paused = true;
				}

				// custom methods since not all JavaScript implementations support get/set
				, setSrc: function (url) {
					this.pluginApi.setSrc(absolutizeUrl(url));
				}
				, setCurrentTime: function (time) {
					this.pluginApi.setCurrentTime(time);
					this.currentTime = time;
				}
				, setVolume: function (volume) {
					this.pluginApi.setVolume(volume);
					this.volume = volume;
				}
				, setMuted: function (muted) {
					this.pluginApi.setMuted(muted);
					this.muted = muted;
				}

				// additional non-HTML5 methods
				, setVideoSize: function (width, height) {
					if ( this.pluginElement.style) {
						this.pluginElement.style.width = width + 'px';
						this.pluginElement.style.height = height + 'px';
					}

					this.pluginApi.setVideoSize(width, height);
				}
				, setFullscreen: function (fullscreen) {
					this.pluginApi.setFullscreen(fullscreen);
				}

				// start: fake events
				, addEventListener: function (eventName, callback, bubble) {
						events[eventName] = events[eventName] || [];
						events[eventName].push(callback);
				}
				, dispatchEvent: function (eventName) {
						var i, callbacks = events[eventName], args;
						if (callbacks) {
								args = Array.prototype.slice.call(arguments, 1);
								for (i = 0; i < callbacks.length; i++) {
										callbacks[i].apply(null, args);
								}
						}
				}
				// end: fake events
		}
	};

	// Flash makes calls through this object to the fake <video/audio> object
	html5.MediaPluginBridge = (function () {

		var pluginMediaElements = [];
		var mediaElements = [];

		return {
			registerPluginElement: function (id, pluginMediaElement, mediaElement) {
				pluginMediaElements[id] = pluginMediaElement;
				mediaElements[id] = mediaElement;
			}

				// when Flash is ready, it calls out to this method
				, initPlugin: function (id) {

					console.log('initing',id);

					var pluginMediaElement = pluginMediaElements[id];
					var mediaElement = mediaElements[id];

					// find the javascript bridge
					switch (pluginMediaElement.pluginType) {
						case "flash":
							// magic
							if (navigator.appName.indexOf("Microsoft") != -1) {
								pluginMediaElement.pluginElement = pluginMediaElement.pluginApi = window[id];
							} else {
								pluginMediaElement.pluginElement = pluginMediaElement.pluginApi = document[id];
							}
							break;
						case "silverlight":
							pluginMediaElement.pluginElement = document.getElementById(pluginMediaElement.id);
							pluginMediaElement.pluginApi = pluginMediaElement.pluginElement.Content.SilverlightApp;

							break;
					}

					if (pluginMediaElement.success)
						pluginMediaElement.success(pluginMediaElement, mediaElement);
				}

				// receives events from FLASH and translates them to HTML5 media events
				// http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html
				, fireEvent: function (id, eventName, values) {

					var pluginMediaElement = pluginMediaElements[id];
					pluginMediaElement.ended = false;
					pluginMediaElement.paused = false;

					// fake event object to mimic real HTML media event.
					var e = {
						type: eventName,
						target: pluginMediaElement
					};

					// attach all values to element and event object
					for (var i in values) {
						pluginMediaElement[i] = values[i];
						e[i] = values[i];
					}

					// fake the new W3C buffered TimeRange (loaded and total have been removed)
					var bufferedTime = values.bufferedTime || 0;
					e.target.buffered = e.buffered = { start: function(index) { return 0; }, end: function (index) { return bufferedTime; }, length: 1 }

					pluginMediaElement.dispatchEvent(e.type, e);
				}
			};

	} ());

	window.html5 = html5;
	window.MediaElement = html5.MediaElement;
})();