webshims-rails 0.4.7 → 1.10.3

data/vendor/assets/javascripts/webshims/shims/combos/21.js

@@ -1,1733 +1,2074 @@
-if(!Modernizr.formvalidation || jQuery.webshims.bugs.bustedValidity){
-jQuery.webshims.register('form-shim-extend', function($, webshims, window, document){
-"use strict";
-webshims.inputTypes = webshims.inputTypes || {};
-//some helper-functions
-var cfg = webshims.cfg.forms;
-var isSubmit;
-
-var isNumber = function(string){
-		return (typeof string == 'number' || (string && string == string * 1));
-	},
-	typeModels = webshims.inputTypes,
-	checkTypes = {
-		radio: 1,
-		checkbox: 1
-	},
-	getType = function(elem){
-		return (elem.getAttribute('type') || elem.type || '').toLowerCase();
-	}
-;
-
-//API to add new input types
-webshims.addInputType = function(type, obj){
-	typeModels[type] = obj;
-};
-
-//contsrain-validation-api
-var validityPrototype = {
-	customError: false,
-
-	typeMismatch: false,
-	rangeUnderflow: false,
-	rangeOverflow: false,
-	stepMismatch: false,
-	tooLong: false,
-	patternMismatch: false,
-	valueMissing: false,
-	
-	valid: true
-};
+(function($){
+	if(navigator.geolocation){return;}
+	var domWrite = function(){
+			setTimeout(function(){
+				throw('document.write is overwritten by geolocation shim. This method is incompatible with this plugin');
+			}, 1);
+		},
+		id = 0
+	;
+	var geoOpts = $.webshims.cfg.geolocation || {};
+	navigator.geolocation = (function(){
+		var pos;
+		var api = {
+			getCurrentPosition: function(success, error, opts){
+				var locationAPIs = 2,
+					errorTimer,
+					googleTimer,
+					calledEnd,
+					endCallback = function(){
+						if(calledEnd){return;}
+						if(pos){
+							calledEnd = true;
+							success($.extend({timestamp: new Date().getTime()}, pos));
+							resetCallback();
+							if(window.JSON && window.sessionStorage){
+								try{
+									sessionStorage.setItem('storedGeolocationData654321', JSON.stringify(pos));
+								} catch(e){}
+							}
+						} else if(error && !locationAPIs) {
+							calledEnd = true;
+							resetCallback();
+							error({ code: 2, message: "POSITION_UNAVAILABLE"});
+						}
+					},
+					googleCallback = function(){
+						locationAPIs--;
+						getGoogleCoords();
+						endCallback();
+					},
+					resetCallback = function(){
+						$(document).unbind('google-loader', resetCallback);
+						clearTimeout(googleTimer);
+						clearTimeout(errorTimer);
+					},
+					getGoogleCoords = function(){
+						if(pos || !window.google || !google.loader || !google.loader.ClientLocation){return false;}
+						var cl = google.loader.ClientLocation;
+			            pos = {
+							coords: {
+								latitude: cl.latitude,
+				                longitude: cl.longitude,
+				                altitude: null,
+				                accuracy: 43000,
+				                altitudeAccuracy: null,
+				                heading: parseInt('NaN', 10),
+				                velocity: null
+							},
+			                //extension similiar to FF implementation
+							address: $.extend({streetNumber: '', street: '', premises: '', county: '', postalCode: ''}, cl.address)
+			            };
+						return true;
+					},
+					getInitCoords = function(){
+						if(pos){return;}
+						getGoogleCoords();
+						if(pos || !window.JSON || !window.sessionStorage){return;}
+						try{
+							pos = sessionStorage.getItem('storedGeolocationData654321');
+							pos = (pos) ? JSON.parse(pos) : false;
+							if(!pos.coords){pos = false;} 
+						} catch(e){
+							pos = false;
+						}
+					}
+				;
+				
+				getInitCoords();
+				
+				if(!pos){
+					if(geoOpts.confirmText && !confirm(geoOpts.confirmText.replace('{location}', location.hostname))){
+						if(error){
+							error({ code: 1, message: "PERMISSION_DENIED"});
+						}
+						return;
+					}
+					$.ajax({
+						url: 'http://freegeoip.net/json/',
+						dataType: 'jsonp',
+						cache: true,
+						jsonp: 'callback',
+						success: function(data){
+							locationAPIs--;
+							if(!data){return;}
+							pos = pos || {
+								coords: {
+									latitude: data.latitude,
+					                longitude: data.longitude,
+					                altitude: null,
+					                accuracy: 43000,
+					                altitudeAccuracy: null,
+					                heading: parseInt('NaN', 10),
+					                velocity: null
+								},
+				                //extension similiar to FF implementation
+								address: {
+									city: data.city,
+									country: data.country_name,
+									countryCode: data.country_code,
+									county: "",
+									postalCode: data.zipcode,
+									premises: "",
+									region: data.region_name,
+									street: "",
+									streetNumber: ""
+								}
+				            };
+							endCallback();
+						},
+						error: function(){
+							locationAPIs--;
+							endCallback();
+						}
+					});
+					clearTimeout(googleTimer);
+					if (!window.google || !window.google.loader) {
+						googleTimer = setTimeout(function(){
+							//destroys document.write!!!
+							if (geoOpts.destroyWrite) {
+								document.write = domWrite;
+								document.writeln = domWrite;
+							}
+							$(document).one('google-loader', googleCallback);
+							$.webshims.loader.loadScript('http://www.google.com/jsapi', false, 'google-loader');
+						}, 800);
+					} else {
+						locationAPIs--;
+					}
+				} else {
+					setTimeout(endCallback, 1);
+					return;
+				}
+				if(opts && opts.timeout){
+					errorTimer = setTimeout(function(){
+						resetCallback();
+						if(error) {
+							error({ code: 3, message: "TIMEOUT"});
+						}
+					}, opts.timeout);
+				} else {
+					errorTimer = setTimeout(function(){
+						locationAPIs = 0;
+						endCallback();
+					}, 10000);
+				}
+			},
+			clearWatch: $.noop
+		};
+		api.watchPosition = function(a, b, c){
+			api.getCurrentPosition(a, b, c);
+			id++;
+			return id;
+		};
+		return api;
+	})();
+	
+	$.webshims.isReady('geolocation', true);
+})(jQuery);
 
-var isPlaceholderOptionSelected = function(select){
-	if(select.type == 'select-one' && select.size < 2){
-		var option = $('> option:first-child', select);
-		return !!option.prop('selected');
-	} 
-	return false;
-};
+jQuery.webshims.register('details', function($, webshims, window, doc, undefined, options){
+	var isInterActiveSummary = function(summary){
+		var details = $(summary).parent('details');
+		if(details[0] && details.children(':first').get(0) === summary){
+			return details;
+		}
+	};
+	
+	var bindDetailsSummary = function(summary, details){
+		summary = $(summary);
+		details = $(details);
+		var oldSummary = $.data(details[0], 'summaryElement');
+		$.data(summary[0], 'detailsElement', details);
+		if(!oldSummary || summary[0] !== oldSummary[0]){
+			if(oldSummary){
+				if(oldSummary.hasClass('fallback-summary')){
+					oldSummary.remove();
+				} else {
+					oldSummary
+						.unbind('.summaryPolyfill')
+						.removeData('detailsElement')
+						.removeAttr('role')
+						.removeAttr('tabindex')
+						.removeAttr('aria-expanded')
+						.removeClass('summary-button')
+						.find('span.details-open-indicator')
+						.remove()
+					;
+				}
+			}
+			$.data(details[0], 'summaryElement', summary);
+			details.prop('open', details.prop('open'));
+		}
+	};
+	var getSummary = function(details){
+		var summary = $.data(details, 'summaryElement');
+		if(!summary){
+			summary = $('> summary:first-child', details);
+			if(!summary[0]){
+				$(details).prependPolyfill('<summary class="fallback-summary">'+ options.text +'</summary>');
+				summary = $.data(details, 'summaryElement');
+			} else {
+				bindDetailsSummary(summary, details);
+			}
+		}
+		return summary;
+	};
+	
+//	var isOriginalPrevented = function(e){
+//		var src = e.originalEvent;
+//		if(!src){return e.isDefaultPrevented();}
+//		
+//		return src.defaultPrevented || src.returnValue === false ||
+//			src.getPreventDefault && src.getPreventDefault();
+//	};
+	
+	webshims.createElement('summary', function(){
+		var details = isInterActiveSummary(this);
+		if(!details || $.data(this, 'detailsElement')){return;}
+		var timer;
+		var stopNativeClickTest;
+		var tabindex = $.attr(this, 'tabIndex') || '0';
+		bindDetailsSummary(this, details);
+		$(this)
+			.on({
+				'focus.summaryPolyfill': function(){
+					$(this).addClass('summary-has-focus');
+				},
+				'blur.summaryPolyfill': function(){
+					$(this).removeClass('summary-has-focus');
+				},
+				'mouseenter.summaryPolyfill': function(){
+					$(this).addClass('summary-has-hover');
+				},
+				'mouseleave.summaryPolyfill': function(){
+					$(this).removeClass('summary-has-hover');
+				},
+				'click.summaryPolyfill': function(e){
+					var details = isInterActiveSummary(this);
+					if(details){
+						if(!stopNativeClickTest && e.originalEvent){
+							stopNativeClickTest = true;
+							e.stopImmediatePropagation();
+							e.preventDefault();
+							$(this).trigger('click');
+							stopNativeClickTest = false;
+							return false;
+						} else {
+							clearTimeout(timer); 
+							
+							timer = setTimeout(function(){
+								if(!e.isDefaultPrevented()){
+									details.prop('open', !details.prop('open'));
+								}
+							}, 0);
+						}
+					}
+				},
+				'keydown.summaryPolyfill': function(e){
+					if( (e.keyCode == 13 || e.keyCode == 32) && !e.isDefaultPrevented()){
+						stopNativeClickTest = true;
+						e.preventDefault();
+						$(this).trigger('click');
+						stopNativeClickTest = false;
+					}
+				}
+			})
+			.attr({tabindex: tabindex, role: 'button'})
+			.prepend('<span class="details-open-indicator" />')
+		;
+		webshims.moveToFirstEvent(this, 'click');
+	});
+	
+	var initDetails;
+	webshims.defineNodeNamesBooleanProperty('details', 'open', function(val){
+		var summary = $($.data(this, 'summaryElement'));
+		if(!summary){return;}
+		var action = (val) ? 'removeClass' : 'addClass';
+		var details = $(this);
+		if (!initDetails && options.animate){
+			details.stop().css({width: '', height: ''});
+			var start = {
+				width: details.width(),
+				height: details.height()
+			};
+		}
+		summary.attr('aria-expanded', ''+val);
+		details[action]('closed-details-summary').children().not(summary[0])[action]('closed-details-child');
+		if(!initDetails && options.animate){
+			var end = {
+				width: details.width(),
+				height: details.height()
+			};
+			details.css(start).animate(end, {
+				complete: function(){
+					$(this).css({width: '', height: ''});
+				}
+			});
+		}
+		
+	});
+	webshims.createElement('details', function(){
+		initDetails = true;
+		var summary = getSummary(this);
+		$.prop(this, 'open', $.prop(this, 'open'));
+		initDetails = false;
+	});
+});
 
-var validityRules = {
-		valueMissing: function(input, val, cache){
-			if(!input.prop('required')){return false;}
-			var ret = false;
-			if(!('type' in cache)){
-				cache.type = getType(input[0]);
-			}
-			if(cache.nodeName == 'select'){
-				ret = (!val && (input[0].selectedIndex < 0 || isPlaceholderOptionSelected(input[0]) ));
-			} else if(checkTypes[cache.type]){
-				ret = (cache.type == 'checkbox') ? !input.is(':checked') : !webshims.modules["form-core"].getGroupElements(input).filter(':checked')[0];
+jQuery.webshims.register('mediaelement-jaris', function($, webshims, window, document, undefined, options){
+	"use strict";
+	
+	var mediaelement = webshims.mediaelement;
+	var swfmini = window.swfmini;
+	var hasNative = Modernizr.audio && Modernizr.video;
+	var hasFlash = swfmini.hasFlashPlayerVersion('9.0.115');
+	var loadedSwf = 0;
+	var getProps = {
+		paused: true,
+		ended: false,
+		currentSrc: '',
+		duration: window.NaN,
+		readyState: 0,
+		networkState: 0,
+		videoHeight: 0,
+		videoWidth: 0,
+		error: null,
+		buffered: {
+			start: function(index){
+				if(index){
+					webshims.error('buffered index size error');
+					return;
+				}
+				return 0;
+			},
+			end: function(index){
+				if(index){
+					webshims.error('buffered index size error');
+					return;
+				}
+				return 0;
+			},
+			length: 0
+		}
+	};
+	var getPropKeys = Object.keys(getProps);
+	
+	var getSetProps = {
+		currentTime: 0,
+		volume: 1,
+		muted: false
+	};
+	var getSetPropKeys = Object.keys(getSetProps);
+	
+	var playerStateObj = $.extend({
+		isActive: 'html5',
+		activating: 'html5',	
+		wasSwfReady: false,
+		_bufferedEnd: 0,
+		_bufferedStart: 0,
+		currentTime: 0,
+		_ppFlag: undefined,
+		_calledMeta: false,
+		lastDuration: 0
+	}, getProps, getSetProps);
+	
+	var idRep = /^jarisplayer-/;
+	var getSwfDataFromID = function(id){
+		
+		var elem = document.getElementById(id.replace(idRep, ''));
+		if(!elem){return;}
+		var data = webshims.data(elem, 'mediaelement');
+		return data.isActive == 'third' ? data : null;
+	};
+	
+	
+	var getSwfDataFromElem = function(elem){
+		try {
+			(elem.nodeName);
+		} catch(er){
+			return null;
+		}
+		var data = webshims.data(elem, 'mediaelement');
+		return (data && data.isActive== 'third') ? data : null;
+	};
+	
+	var trigger = function(elem, evt){
+		evt = $.Event(evt);
+		evt.preventDefault();
+		$.event.trigger(evt, undefined, elem);
+	};
+	
+	var playerSwfPath = options.playerPath || webshims.cfg.basePath + "swf/" + (options.playerName || 'JarisFLVPlayer.swf');
+	
+	webshims.extendUNDEFProp(options.params, {
+		allowscriptaccess: 'always',
+		allowfullscreen: 'true',
+		wmode: 'transparent',
+		allowNetworking: 'all'
+	});
+	webshims.extendUNDEFProp(options.vars, {
+		controltype: '1',
+		jsapi: '1'
+	});
+	webshims.extendUNDEFProp(options.attrs, {
+		bgcolor: '#000000'
+	});
+	
+	var setReadyState = function(readyState, data){
+		if(readyState < 3){
+			clearTimeout(data._canplaythroughTimer);
+		}
+		if(readyState >= 3 && data.readyState < 3){
+			data.readyState = readyState;
+			trigger(data._elem, 'canplay');
+			if(!data.paused){
+				trigger(data._elem, 'playing');
+			}
+			clearTimeout(data._canplaythroughTimer);
+			data._canplaythroughTimer = setTimeout(function(){
+				setReadyState(4, data);
+			}, 4000);
+		}
+		if(readyState >= 4 && data.readyState < 4){
+			data.readyState = readyState;
+			trigger(data._elem, 'canplaythrough');
+		}
+		data.readyState = readyState;
+	};
+	
+	$.extend($.event.customEvent, {
+		updatemediaelementdimensions: true,
+		flashblocker: true,
+		swfstageresize: true,
+		mediaelementapichange: true
+	});
+	
+	mediaelement.jarisEvent = {};
+	var localConnectionTimer;
+	var onEvent = {
+		onPlayPause: function(jaris, data, override){
+			var playing, type;
+			if(override == null){
+				try {
+					playing = data.api.api_get("isPlaying");
+				} catch(e){}
 			} else {
-				ret = !(val);
+				playing = override;
 			}
-			return ret;
+			if(playing == data.paused){
+				
+				data.paused = !playing;
+				type = data.paused ? 'pause' : 'play';
+				data._ppFlag = true;
+				trigger(data._elem, type);
+				if(data.readyState < 3){
+					setReadyState(3, data);
+				}
+				if(!data.paused){
+					trigger(data._elem, 'playing');
+				}
+			}
+		},
+		onNotBuffering: function(jaris, data){
+			setReadyState(3, data);
+		},
+		onDataInitialized: function(jaris, data){
+			
+			var oldDur = data.duration;
+			var durDelta;
+			data.duration = jaris.duration;
+			if(oldDur == data.duration || isNaN(data.duration)){return;}
+			
+			if(data._calledMeta && ((durDelta = Math.abs(data.lastDuration - data.duration)) < 2)){return;}
+			
+			
+			
+			data.videoHeight = jaris.height;
+			data.videoWidth = jaris.width;
+			
+			if(!data.networkState){
+				data.networkState = 2;
+			}
+			if(data.readyState < 1){
+				setReadyState(1, data);
+			}
+			clearTimeout(data._durationChangeTimer);
+			if(data._calledMeta && data.duration){
+				data._durationChangeTimer = setTimeout(function(){
+					data.lastDuration = data.duration;
+					trigger(data._elem, 'durationchange');
+				}, durDelta > 50 ? 0 : durDelta > 9 ? 9 : 99);
+			} else {
+				data.lastDuration = data.duration;
+				if(data.duration){
+					trigger(data._elem, 'durationchange');
+				}
+				if(!data._calledMeta){
+					trigger(data._elem, 'loadedmetadata');
+				}
+			}
+			data._calledMeta = true;
 		},
-		tooLong: function(){
-			return false;
+		onBuffering: function(jaris, data){
+			if(data.ended){
+				data.ended = false;
+			}
+			setReadyState(1, data);
+			trigger(data._elem, 'waiting');
 		},
-		typeMismatch: function (input, val, cache){
-			if(val === '' || cache.nodeName == 'select'){return false;}
-			var ret = false;
-			if(!('type' in cache)){
-				cache.type = getType(input[0]);
+		onTimeUpdate: function(jaris, data){
+			if(data.ended){
+				data.ended = false;
+			}
+			if(data.readyState < 3){
+				setReadyState(3, data);
+				trigger(data._elem, 'playing');
 			}
 			
-			if(typeModels[cache.type] && typeModels[cache.type].mismatch){
-				ret = typeModels[cache.type].mismatch(val, input);
-			} else if('validity' in input[0]){
-				ret = input[0].validity.typeMismatch;
+			trigger(data._elem, 'timeupdate');
+		},
+		onProgress: function(jaris, data){
+			if(data.ended){
+				data.ended = false;
 			}
-			return ret;
+			if(!data.duration || isNaN(data.duration)){
+				return;
+			}
+			var percentage = jaris.loaded / jaris.total;
+			if(percentage > 0.02 && percentage < 0.2){
+				setReadyState(3, data);
+			} else if(percentage > 0.2){
+				if(percentage > 0.99){
+					data.networkState = 1;
+				}
+				setReadyState(4, data);
+			}
+			if(data._bufferedEnd && (data._bufferedEnd > percentage)){
+				data._bufferedStart = data.currentTime || 0;
+			}
+			
+			data._bufferedEnd = percentage;
+			data.buffered.length = 1;
+			
+			$.event.trigger('progress', undefined, data._elem, true);
+		},
+		onPlaybackFinished: function(jaris, data){
+			if(data.readyState < 4){
+				setReadyState(4, data);
+			}
+			data.ended = true;
+			trigger(data._elem, 'ended');
 		},
-		patternMismatch: function(input, val, cache) {
-			if(val === '' || cache.nodeName == 'select'){return false;}
-			var pattern = input.attr('pattern');
-			if(!pattern){return false;}
-			try {
-				pattern = new RegExp('^(?:' + pattern + ')$');
-			} catch(er){
-				webshims.error('invalid pattern value: "'+ pattern +'" | '+ er);
-				pattern = false;
-			}
-			if(!pattern){return false;}
-			return !(pattern.test(val));
+		onVolumeChange: function(jaris, data){
+			if(data.volume != jaris.volume || data.muted != jaris.mute){
+				data.volume = jaris.volume;
+				data.muted = jaris.mute;
+				trigger(data._elem, 'volumechange');
+			}
+		},
+		ready: (function(){
+			var testAPI = function(data){
+				var passed = true;
+				
+				try {
+					data.api.api_get('volume');
+				} catch(er){
+					passed = false;
+				}
+				return passed;
+			};
+			
+			return function(jaris, data){
+				var i = 0;
+				var doneFn = function(){
+					if(i > 9){
+						data.tryedReframeing = 0;
+						return;
+					}
+					i++;
+					
+					data.tryedReframeing++;
+					if(testAPI(data)){
+						data.wasSwfReady = true;
+						data.tryedReframeing = 0;
+						startAutoPlay(data);
+						workActionQueue(data);
+					} else if(data.tryedReframeing < 6) {
+						if(data.tryedReframeing < 3){
+							data.reframeTimer = setTimeout(doneFn, 9);
+							data.shadowElem.css({overflow: 'visible'});
+							setTimeout(function(){
+								data.shadowElem.css({overflow: 'hidden'});
+							}, 1);
+						} else {
+							data.shadowElem.css({overflow: 'hidden'});
+							$(data._elem).mediaLoad();
+						}
+					} else {
+						clearTimeout(data.reframeTimer);
+						webshims.error("reframing error");
+					}
+				};
+				if(!data || !data.api){return;}
+				if(!data.tryedReframeing){
+					data.tryedReframeing = 0;
+				}
+				clearTimeout(localConnectionTimer);
+				clearTimeout(data.reframeTimer);
+				data.shadowElem.removeClass('flashblocker-assumed');
+				
+				if(!i){
+					doneFn();
+				} else {
+					data.reframeTimer = setTimeout(doneFn, 9);
+				}
+				
+			};
+		})()
+	};
+	
+	onEvent.onMute = onEvent.onVolumeChange;
+	
+	
+	var workActionQueue = function(data){
+		var actionLen = data.actionQueue.length;
+		var i = 0;
+		var operation;
+		
+		if(actionLen && data.isActive == 'third'){
+			while(data.actionQueue.length && actionLen > i){
+				i++;
+				operation = data.actionQueue.shift();
+				try{
+					data.api[operation.fn].apply(data.api, operation.args);
+				} catch(er){
+					webshims.warn(er);
+				}
+			}
 		}
-	}
-;
-
-webshims.addValidityRule = function(type, fn){
-	validityRules[type] = fn;
-};
-
-$.event.special.invalid = {
-	add: function(){
-		$.event.special.invalid.setup.call(this.form || this);
-	},
-	setup: function(){
-		var form = this.form || this;
-		if( $.data(form, 'invalidEventShim') ){
-			form = null;
-			return;
+		if(data.actionQueue.length){
+			data.actionQueue = [];
 		}
-		$(form)
-			.data('invalidEventShim', true)
-			.on('submit', $.event.special.invalid.handler)
-		;
-		webshims.moveToFirstEvent(form, 'submit');
-		if(webshims.bugs.bustedValidity && $.nodeName(form, 'form')){
-			(function(){
-				var noValidate = form.getAttribute('novalidate');
-				form.setAttribute('novalidate', 'novalidate');
-				webshims.data(form, 'bustedNoValidate', (noValidate == null) ? null : noValidate);
-			})();
+	};
+	var startAutoPlay = function(data){
+		if(!data){return;}
+		if( (data._ppFlag === undefined && ($.prop(data._elem, 'autoplay')) || !data.paused)){
+			setTimeout(function(){
+				if(data.isActive == 'third' && (data._ppFlag === undefined || !data.paused)){
+					
+					try {
+						$(data._elem).play();
+						data._ppFlag = true;
+					} catch(er){}
+				}
+			}, 1);
 		}
-		form = null;
-	},
-	teardown: $.noop,
-	handler: function(e, d){
-		
-		if( e.type != 'submit' || e.testedValidity || !e.originalEvent || !$.nodeName(e.target, 'form') || $.prop(e.target, 'noValidate') ){return;}
 		
-		isSubmit = true;
-		e.testedValidity = true;
-		var notValid = !($(e.target).checkValidity());
-		if(notValid){
-			e.stopImmediatePropagation();
-			isSubmit = false;
-			return false;
+		if(data.muted){
+			$.prop(data._elem, 'muted', true);
 		}
-		isSubmit = false;
-	}
-};
-
-var addSubmitBubbles = function(form){
-	if (!$.support.submitBubbles && form && typeof form == 'object' && !form._submit_attached ) {
-				
-		$.event.add( form, 'submit._submit', function( event ) {
-			event._submit_bubble = true;
-		});
+		if(data.volume != 1){
+			$.prop(data._elem, 'volume', data.volume);
+		}
+	};
+	
+	
+	var addMediaToStopEvents = $.noop;
+	if(hasNative){
+		var stopEvents = {
+			play: 1,
+			playing: 1
+		};
+		var hideEvtArray = ['play', 'pause', 'playing', 'canplay', 'progress', 'waiting', 'ended', 'loadedmetadata', 'durationchange', 'emptied'];
+		var hidevents = hideEvtArray.map(function(evt){
+			return evt +'.webshimspolyfill';
+		}).join(' ');
 		
-		form._submit_attached = true;
+		var hidePlayerEvents = function(event){
+			var data = webshims.data(event.target, 'mediaelement');
+			if(!data){return;}
+			var isNativeHTML5 = ( event.originalEvent && event.originalEvent.type === event.type );
+			if( isNativeHTML5 == (data.activating == 'third') ){
+				event.stopImmediatePropagation();
+				if(stopEvents[event.type] && data.isActive != data.activating){
+					$(event.target).pause();
+				}
+			}
+		};
+		
+		addMediaToStopEvents = function(elem){
+			$(elem)
+				.off(hidevents)
+				.on(hidevents, hidePlayerEvents)
+			;
+			hideEvtArray.forEach(function(evt){
+				webshims.moveToFirstEvent(elem, evt);
+			});
+		};
+		addMediaToStopEvents(document);
 	}
-};
-if(!$.support.submitBubbles && $.event.special.submit){
-	$.event.special.submit.setup = function() {
-		// Only need this for delegated form submit events
-		if ( $.nodeName( this, "form" ) ) {
-			return false;
+	
+	
+	mediaelement.setActive = function(elem, type, data){
+		if(!data){
+			data = webshims.data(elem, 'mediaelement');
 		}
-
-		// Lazy-add a submit handler when a descendant form may potentially be submitted
-		$.event.add( this, "click._submit keypress._submit", function( e ) {
-			// Node name check avoids a VML-related crash in IE (#9807)
-			var elem = e.target,
-				form = $.nodeName( elem, 'input' ) || $.nodeName( elem, 'button' ) ? $.prop(elem, 'form') : undefined;
-			addSubmitBubbles(form);
-			
-		});
-		// return undefined since we don't need an event listener
+		if(!data || data.isActive == type){return;}
+		if(type != 'html5' && type != 'third'){
+			webshims.warn('wrong type for mediaelement activating: '+ type);
+		}
+		var shadowData = webshims.data(elem, 'shadowData');
+		data.activating = type;
+		$(elem).pause();
+		data.isActive = type;
+		if(type == 'third'){
+			shadowData.shadowElement = shadowData.shadowFocusElement = data.shadowElem[0];
+			$(elem).addClass('swf-api-active nonnative-api-active').hide().getShadowElement().show();
+		} else {
+			$(elem).removeClass('swf-api-active nonnative-api-active').show().getShadowElement().hide();
+			shadowData.shadowElement = shadowData.shadowFocusElement = false;
+		}
+		$(elem).trigger('mediaelementapichange');
 	};
-}
-
-$.event.special.submit = $.event.special.submit || {setup: function(){return false;}};
-var submitSetup = $.event.special.submit.setup;
-$.extend($.event.special.submit, {
-	setup: function(){
-		if($.nodeName(this, 'form')){
-			$(this).on('invalid', $.noop);
+	
+	
+	
+	var resetSwfProps = (function(){
+		var resetProtoProps = ['_calledMeta', 'lastDuration', '_bufferedEnd', '_bufferedStart', '_ppFlag', 'currentSrc', 'currentTime', 'duration', 'ended', 'networkState', 'paused', 'videoHeight', 'videoWidth'];
+		var len = resetProtoProps.length;
+		return function(data){
+			
+			if(!data){return;}
+			var lenI = len;
+			var networkState = data.networkState;
+			setReadyState(0, data);
+			clearTimeout(data._durationChangeTimer);
+			while(--lenI > -1){
+				delete data[resetProtoProps[lenI]];
+			}
+			data.actionQueue = [];
+			data.buffered.length = 0;
+			if(networkState){
+				trigger(data._elem, 'emptied');
+			}
+		};
+	})();
+	
+	var setElementDimension = function(data, hasControls){
+		var elem = data._elem;
+		var box = data.shadowElem;
+		$(elem)[hasControls ? 'addClass' : 'removeClass']('webshims-controls');
+		if(data._elemNodeName == 'audio' && !hasControls){
+			box.css({width: 0, height: 0});
 		} else {
-			$('form', this).on('invalid', $.noop);
+			box.css({
+				width: elem.style.width || $(elem).width(),
+				height: elem.style.height || $(elem).height()
+			});
 		}
-		return submitSetup.apply(this, arguments);
-	}
-});
-
-$(window).on('invalid', $.noop);
-
-
-webshims.addInputType('email', {
-	mismatch: (function(){
-		//taken from http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
-		var test = cfg.emailReg || /^[a-zA-Z0-9.!#$%&'*+-\/=?\^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
-		return function(val){
-			return !test.test(val);
+	};
+	
+	var bufferSrc = (function(){
+		var preloads = {
+			'': 1,
+			'auto': 1
 		};
-	})()
-});
-
-webshims.addInputType('url', {
-	mismatch: (function(){
-		//taken from scott gonzales
-		var test = cfg.urlReg || /^([a-z]([a-z]|\d|\+|-|\.)*):(\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([a-z]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i;
-		return function(val){
-			return !test.test(val);
+		return function(elem){
+			var preload = $.attr(elem, 'preload');
+			if(preload == null || preload == 'none' || $.prop(elem, 'autoplay')){
+				return false;
+			}
+			preload =  $.prop(elem, 'preload');
+			return !!(preloads[preload] || (preload == 'metadata' && $(elem).is('.preload-in-doubt, video:not([poster])')));
 		};
-	})()
-});
-
-webshims.defineNodeNameProperty('input', 'type', {
-	prop: {
-		get: function(){
-			var elem = this;
-			var type = (elem.getAttribute('type') || '').toLowerCase();
-			return (webshims.inputTypes[type]) ? type : elem.type;
-		}
-	}
-});
-
-// IDLs for constrain validation API
-//ToDo: add object to this list
-webshims.defineNodeNamesProperties(['button', 'fieldset', 'output'], {
-	checkValidity: {
-		value: function(){return true;}
-	},
-	willValidate: {
-		value: false
-	},
-	setCustomValidity: {
-		value: $.noop
+	})();
+	
+	var regs = {
+		A: /&amp;/g,
+		a: /&/g,
+		e: /\=/g,
+		q: /\?/g
 	},
-	validity: {
-		writeable: false,
-		get: function(){
-			return $.extend({}, validityPrototype);
+	replaceVar = function(val){
+		return (val.replace) ? val.replace(regs.A, '%26').replace(regs.a, '%26').replace(regs.e, '%3D').replace(regs.q, '%3F') : val;
+	};
+	
+	mediaelement.createSWF = function( elem, canPlaySrc, data ){
+		if(!hasFlash){
+			setTimeout(function(){
+				$(elem).mediaLoad(); //<- this should produce a mediaerror
+			}, 1);
+			return;
 		}
-	}
-}, 'prop');
-
-var baseCheckValidity = function(elem){
-	var e,
-		v = $.prop(elem, 'validity')
-	;
-	if(v){
-		$.data(elem, 'cachedValidity', v);
-	} else {
-		return true;
-	}
-	if( !v.valid ){
-		e = $.Event('invalid');
-		var jElm = $(elem).trigger(e);
-		if(isSubmit && !baseCheckValidity.unhandledInvalids && !e.isDefaultPrevented()){
-			webshims.validityAlert.showFor(jElm);
-			baseCheckValidity.unhandledInvalids = true;
+		
+		if(loadedSwf < 1){
+			loadedSwf = 1;
+		} else {
+			loadedSwf++;
 		}
-	}
-	$.removeData(elem, 'cachedValidity');
-	return v.valid;
-};
-var rsubmittable = /^(?:select|textarea|input)/i;
-webshims.defineNodeNameProperty('form', 'checkValidity', {
-	prop: {
-		value: function(){
+		if(!data){
+			data = webshims.data(elem, 'mediaelement');
+		}
+		
+		if($.attr(elem, 'height') || $.attr(elem, 'width')){
+			webshims.warn("width or height content attributes used. Webshims only uses CSS (computed styles or inline styles) to detect size of a video/audio");
+		}
+		
+		var isRtmp = canPlaySrc.type == 'audio/rtmp' || canPlaySrc.type == 'video/rtmp';
+		var vars = $.extend({}, options.vars, {
+				poster: replaceVar($.attr(elem, 'poster') && $.prop(elem, 'poster') || ''),
+				source: replaceVar(canPlaySrc.streamId || canPlaySrc.srcProp),
+				server: replaceVar(canPlaySrc.server || '')
+		});
+		var elemVars = $(elem).data('vars') || {};
+		
+		
+		
+		var hasControls = $.prop(elem, 'controls');
+		var elemId = 'jarisplayer-'+ webshims.getID(elem);
+		
+		var params = $.extend(
+			{},
+			options.params,
+			$(elem).data('params')
+		);
+		var elemNodeName = elem.nodeName.toLowerCase();
+		var attrs = $.extend(
+			{},
+			options.attrs,
+			{
+				name: elemId,
+				id: elemId
+			},
+			$(elem).data('attrs')
+		);
+		var setDimension = function(){
+			setElementDimension(data, $.prop(elem, 'controls'));
+		};
+		
+		var box;
+		
+		if(data && data.swfCreated){
+			mediaelement.setActive(elem, 'third', data);
+			
+			data.currentSrc = canPlaySrc.srcProp;
 			
-			var ret = true,
-				elems = $($.prop(this, 'elements')).filter(function(){
-					if(!rsubmittable.test(this.nodeName)){return false;}
-					var shadowData = webshims.data(this, 'shadowData');
-					return !shadowData || !shadowData.nativeElement || shadowData.nativeElement === this;
+			data.shadowElem.html('<div id="'+ elemId +'">');
+			
+			data.api = false;
+			data.actionQueue = [];
+			box = data.shadowElem;
+			resetSwfProps(data);
+		} else {
+			box = $('<div class="polyfill-'+ (elemNodeName) +' polyfill-mediaelement" id="wrapper-'+ elemId +'"><div id="'+ elemId +'"></div>')
+				.css({
+					position: 'relative',
+					overflow: 'hidden'
 				})
 			;
-			
-			baseCheckValidity.unhandledInvalids = false;
-			for(var i = 0, len = elems.length; i < len; i++){
-				if( !baseCheckValidity(elems[i]) ){
-					ret = false;
+			data = webshims.data(elem, 'mediaelement', webshims.objectCreate(playerStateObj, {
+				actionQueue: {
+					value: []
+				},
+				shadowElem: {
+					value: box
+				},
+				_elemNodeName: {
+					value: elemNodeName
+				},
+				_elem: {
+					value: elem
+				},
+				currentSrc: {
+					value: canPlaySrc.srcProp
+				},
+				swfCreated: {
+					value: true
+				},
+				id: {
+					value: elemId.replace(/-/g, '')
+				},
+				buffered: {
+					value: {
+						start: function(index){
+							if(index >= data.buffered.length){
+								webshims.error('buffered index size error');
+								return;
+							}
+							return 0;
+						},
+						end: function(index){
+							if(index >= data.buffered.length){
+								webshims.error('buffered index size error');
+								return;
+							}
+							return ( (data.duration - data._bufferedStart) * data._bufferedEnd) + data._bufferedStart;
+						},
+						length: 0
+					}
 				}
+			}));
+			setElementDimension(data, hasControls);
+		
+			box.insertBefore(elem);
+			
+			if(hasNative){
+				$.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted'), paused: $.prop(elem, 'paused')});
 			}
-			return ret;
+			
+			webshims.addShadowDom(elem, box);
+			addMediaToStopEvents(elem);
+			mediaelement.setActive(elem, 'third', data);
+			$(elem).on('updatemediaelementdimensions', setDimension);
+			$(document).on('updateshadowdom', setDimension);
 		}
-	}
-});
-
-webshims.defineNodeNamesProperties(['input', 'textarea', 'select'], {
-	checkValidity: {
-		value: function(){
-			baseCheckValidity.unhandledInvalids = false;
-			return baseCheckValidity($(this).getNativeElement()[0]);
+		
+		if(!mediaelement.jarisEvent[data.id]){
+			mediaelement.jarisEvent[data.id] = function(jaris){
+				if(jaris.type == 'ready'){
+					var onReady = function(){
+						if(data.api){
+							if(bufferSrc(elem)){
+								data.api.api_preload();
+							}
+							onEvent.ready(jaris, data);
+						}
+					};
+					if(data.api){
+						onReady();
+					} else {
+						setTimeout(onReady, 9);
+					}
+				} else {
+					data.currentTime = jaris.position;
+					
+					if(data.api){
+						if(!data._calledMeta && isNaN(jaris.duration) && data.duration != jaris.duration && isNaN(data.duration)){
+							onEvent.onDataInitialized(jaris, data);
+						}
+						
+						if(!data._ppFlag && jaris.type != 'onPlayPause'){
+							onEvent.onPlayPause(jaris, data);
+						}
+						
+						if(onEvent[jaris.type]){
+							onEvent[jaris.type](jaris, data);
+						}
+					}
+					data.duration = jaris.duration;
+				}
+				
+			};
 		}
-	},
-	setCustomValidity: {
-		value: function(error){
-			$.removeData(this, 'cachedValidity');
-			webshims.data(this, 'customvalidationMessage', ''+error);
+		
+		$.extend(vars, 
+			{
+				id: elemId,
+				evtId: data.id,
+				controls: ''+hasControls,
+				autostart: 'false',
+				nodename: elemNodeName
+			},
+			elemVars
+		);
+		
+		if(isRtmp){
+			vars.streamtype = 'rtmp';
+		} else if(canPlaySrc.type == 'audio/mpeg' || canPlaySrc.type == 'audio/mp3'){
+			vars.type = 'audio';
+			vars.streamtype = 'file';
+		} else if(canPlaySrc.type == 'video/youtube'){
+			vars.streamtype = 'youtube';
 		}
-	},
-	willValidate: {
-		writeable: false,
-		get: (function(){
-			var types = {
-					button: 1,
-					reset: 1,
-					hidden: 1,
-					image: 1
+		options.changeSWF(vars, elem, canPlaySrc, data, 'embed');
+		clearTimeout(data.flashBlock);
+		
+		swfmini.embedSWF(playerSwfPath, elemId, "100%", "100%", "9.0.115", false, vars, params, attrs, function(swfData){
+			
+			if(swfData.success){
+				
+				data.api = swfData.ref;
+				
+				if(!hasControls){
+					$(swfData.ref).attr('tabindex', '-1').css('outline', 'none');
 				}
-			;
-			return function(){
-				var elem = $(this).getNativeElement()[0];
-				//elem.name && <- we don't use to make it easier for developers
-				return !!(!elem.disabled && !elem.readOnly && !types[elem.type] );
+				
+				data.flashBlock = setTimeout(function(){
+					if((!swfData.ref.parentNode && box[0].parentNode) || swfData.ref.style.display == "none"){
+						box.addClass('flashblocker-assumed');
+						$(elem).trigger('flashblocker');
+						webshims.warn("flashblocker assumed");
+					}
+					$(swfData.ref).css({'minHeight': '2px', 'minWidth': '2px', display: 'block'});
+				}, 9);
+				
+				if(!localConnectionTimer){
+					clearTimeout(localConnectionTimer);
+					localConnectionTimer = setTimeout(function(){
+						var flash = $(swfData.ref);
+						if(flash[0].offsetWidth > 1 && flash[0].offsetHeight > 1 && location.protocol.indexOf('file:') === 0){
+							webshims.error("Add your local development-directory to the local-trusted security sandbox:  http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html");
+						} else if(flash[0].offsetWidth < 2 || flash[0].offsetHeight < 2) {
+							webshims.warn("JS-SWF connection can't be established on hidden or unconnected flash objects");
+						}
+						flash = null;
+					}, 8000);
+				}
+			}
+		});
+		
+	};
+	
+	
+	var queueSwfMethod = function(elem, fn, args, data){
+		data = data || getSwfDataFromElem(elem);
+		
+		if(data){
+			if(data.api && data.api[fn]){
+				data.api[fn].apply(data.api, args || []);
+			} else {
+				//todo add to queue
+				data.actionQueue.push({fn: fn, args: args});
+				
+				if(data.actionQueue.length > 10){
+					setTimeout(function(){
+						if(data.actionQueue.length > 5){
+							data.actionQueue.shift();
+						}
+					}, 99);
+				}
+			}
+			return data;
+		}
+		return false;
+	};
+	
+	['audio', 'video'].forEach(function(nodeName){
+		var descs = {};
+		var mediaSup;
+		var createGetProp = function(key){
+			if(nodeName == 'audio' && (key == 'videoHeight' || key == 'videoWidth')){return;}
+			
+			descs[key] = {
+				get: function(){
+					var data = getSwfDataFromElem(this);
+					if(data){
+						return data[key];
+					} else if(hasNative && mediaSup[key].prop._supget) {
+						return mediaSup[key].prop._supget.apply(this);
+					} else {
+						return playerStateObj[key];
+					}
+				},
+				writeable: false
 			};
-		})()
-	},
-	validity: {
-		writeable: false,
-		get: function(){
-			var jElm = $(this).getNativeElement();
-			var elem = jElm[0];
-			var validityState = $.data(elem, 'cachedValidity');
-			if(validityState){
-				return validityState;
-			}
-			validityState 	= $.extend({}, validityPrototype);
+		};
+		var createGetSetProp = function(key, setFn){
+			createGetProp(key);
+			delete descs[key].writeable;
+			descs[key].set = setFn;
+		};
+		
+		createGetSetProp('volume', function(v){
+			var data = getSwfDataFromElem(this);
+			if(data){
+				v *= 1;
+				if(!isNaN(v)){
+					
+					if(v < 0 || v > 1){
+						webshims.error('volume greater or less than allowed '+ (v / 100));
+					}
+					
+					queueSwfMethod(this, 'api_volume', [v], data);
+					
+					
+					if(data.volume != v){
+						data.volume = v;
+						trigger(data._elem, 'volumechange');
+					}
+					data = null;
+				} 
+			} else if(mediaSup.volume.prop._supset) {
+				return mediaSup.volume.prop._supset.apply(this, arguments);
+			}
+		});
+		
+		createGetSetProp('muted', function(m){
+			var data = getSwfDataFromElem(this);
+			if(data){
+				m = !!m;
+				queueSwfMethod(this, 'api_muted', [m], data);
+				if(data.muted != m){
+					data.muted = m;
+					trigger(data._elem, 'volumechange');
+				}
+				data = null;
+			} else if(mediaSup.muted.prop._supset) {
+				return mediaSup.muted.prop._supset.apply(this, arguments);
+			}
+		});
+		
+		
+		createGetSetProp('currentTime', function(t){
+			var data = getSwfDataFromElem(this);
+			if(data){
+				t *= 1;
+				if (!isNaN(t)) {
+					queueSwfMethod(this, 'api_seek', [t], data);
+				}
+				 
+			} else if(mediaSup.currentTime.prop._supset) {
+				return mediaSup.currentTime.prop._supset.apply(this, arguments);
+			}
+		});
+		
+		['play', 'pause'].forEach(function(fn){
+			descs[fn] = {
+				value: function(){
+					var data = getSwfDataFromElem(this);
+					if(data){
+						if(data.stopPlayPause){
+							clearTimeout(data.stopPlayPause);
+						}
+						queueSwfMethod(this, fn == 'play' ? 'api_play' : 'api_pause', [], data);
+						
+						data._ppFlag = true;
+						if(data.paused != (fn != 'play')){
+							data.paused = fn != 'play';
+							trigger(data._elem, fn);
+						}
+					} else if(mediaSup[fn].prop._supvalue) {
+						return mediaSup[fn].prop._supvalue.apply(this, arguments);
+					}
+				}
+			};
+		});
+		
+		getPropKeys.forEach(createGetProp);
+		
+		webshims.onNodeNamesPropertyModify(nodeName, 'controls', function(val, boolProp){
+			var data = getSwfDataFromElem(this);
+			$(this)[boolProp ? 'addClass' : 'removeClass']('webshims-controls');
 			
-			if( !$.prop(elem, 'willValidate') || elem.type == 'submit' ){
-				return validityState;
+			if(data){
+				if(nodeName == 'audio'){
+					setElementDimension(data, boolProp);
+				}
+				queueSwfMethod(this, 'api_controls', [boolProp], data);
 			}
-			var val				= jElm.val(),
-				cache 			= {nodeName: elem.nodeName.toLowerCase()}
-			;
+		});
+		
+		webshims.onNodeNamesPropertyModify(nodeName, 'preload', function(val){
+			var data = getSwfDataFromElem(this);
+			
 			
-			validityState.customError = !!(webshims.data(elem, 'customvalidationMessage'));
-			if( validityState.customError ){
-				validityState.valid = false;
+			if(data && bufferSrc(this)){
+				queueSwfMethod(this, 'api_preload', [], data);
 			}
-							
-			$.each(validityRules, function(rule, fn){
-				if (fn(jElm, val, cache)) {
-					validityState[rule] = true;
-					validityState.valid = false;
+		});
+		
+		mediaSup = webshims.defineNodeNameProperties(nodeName, descs, 'prop');
+	});
+	
+	if(hasFlash && $.cleanData){
+		var oldClean = $.cleanData;
+		var flashNames = {
+			object: 1,
+			OBJECT: 1
+		};
+		
+		$.cleanData = function(elems){
+			var i, len, prop;
+			if(elems && (len = elems.length) && loadedSwf){
+				
+				for(i = 0; i < len; i++){
+					if(flashNames[elems[i].nodeName]){
+						if('api_pause' in elems[i]){
+							loadedSwf--;
+							try {
+								elems[i].api_pause();
+							} catch(er){}
+						}
+					}
 				}
-			});
-			$(this).getShadowFocusElement().attr('aria-invalid',  validityState.valid ? 'false' : 'true');
-			jElm = null;
-			elem = null;
-			return validityState;
-		}
+				
+			}
+			return oldClean.apply(this, arguments);
+		};
 	}
-}, 'prop');
 
-webshims.defineNodeNamesBooleanProperty(['input', 'textarea', 'select'], 'required', {
-	set: function(value){
-		$(this).getShadowFocusElement().attr('aria-required', !!(value)+'');
-	},
-	initAttr: (Modernizr.localstorage)//only if we have aria-support
+	if(!hasNative){
+		
+		['poster', 'src'].forEach(function(prop){
+			webshims.defineNodeNamesProperty(prop == 'src' ? ['audio', 'video', 'source'] : ['video'], prop, {
+				//attr: {},
+				reflect: true,
+				propType: 'src'
+			});
+		});
+		
+		webshims.defineNodeNamesProperty(['audio', 'video'], 'preload', {
+			reflect: true,
+			propType: 'enumarated',
+			defaultValue: '',
+			limitedTo: ['', 'auto', 'metadata', 'none']
+		});
+		
+		
+		['autoplay', 'controls'].forEach(function(name){
+			webshims.defineNodeNamesBooleanProperty(['audio', 'video'], name);
+		});
+			
+		webshims.defineNodeNamesProperties(['audio', 'video'], {
+			HAVE_CURRENT_DATA: {
+				value: 2
+			},
+			HAVE_ENOUGH_DATA: {
+				value: 4
+			},
+			HAVE_FUTURE_DATA: {
+				value: 3
+			},
+			HAVE_METADATA: {
+				value: 1
+			},
+			HAVE_NOTHING: {
+				value: 0
+			},
+			NETWORK_EMPTY: {
+				value: 0
+			},
+			NETWORK_IDLE: {
+				value: 1
+			},
+			NETWORK_LOADING: {
+				value: 2
+			},
+			NETWORK_NO_SOURCE: {
+				value: 3
+			}
+					
+		}, 'prop');
+	}
+	
+	
 });
-
-webshims.reflectProperties(['input'], ['pattern']);
-
-
-if( !('maxLength' in document.createElement('textarea')) ){
-	var constrainMaxLength = (function(){
-		var timer;
-		var curLength = 0;
-		var lastElement = $([]);
-		var max = 1e9;
-		var constrainLength = function(){
-			var nowValue = lastElement.prop('value');
-			var nowLen = nowValue.length;
-			if(nowLen > curLength && nowLen > max){
-				nowLen = Math.max(curLength, max);
-				lastElement.prop('value', nowValue.substr(0, nowLen ));
-			}
-			curLength = nowLen;
-		};
-		var remove = function(){
-			clearTimeout(timer);
-			lastElement.unbind('.maxlengthconstraint');
+jQuery.webshims.register('track', function($, webshims, window, document, undefined){
+	"use strict";
+	var mediaelement = webshims.mediaelement;
+	var id = new Date().getTime();
+	var ADDBACK = $.fn.addBack ? 'addBack' : 'andSelf';
+	//descriptions are not really shown, but they are inserted into the dom
+	var showTracks = {subtitles: 1, captions: 1, descriptions: 1};
+	var notImplemented = function(){
+		webshims.error('not implemented yet');
+	};
+	var dummyTrack = $('<track />');
+	var supportTrackMod = Modernizr.ES5 && Modernizr.objectAccessor;
+	var createEventTarget = function(obj){
+		var eventList = {};
+		obj.addEventListener = function(name, fn){
+			if(eventList[name]){
+				webshims.error('always use $.on to the shimed event: '+ name +' already bound fn was: '+ eventList[name] +' your fn was: '+ fn);
+			}
+			eventList[name] = fn;
+			
 		};
-		return function(element, maxLength){
-			remove();
-			if(maxLength > -1){
-				max = maxLength;
-				curLength = $.prop(element, 'value').length;
-				lastElement = $(element);
-				lastElement.on({
-					'keydown.maxlengthconstraint keypress.maxlengthconstraint paste.maxlengthconstraint cut.maxlengthconstraint': function(e){
-						setTimeout(constrainLength, 0);
-					},
-					'keyup.maxlengthconstraint': constrainLength,
-					'blur.maxlengthconstraint': remove
-				});
-				timer = setInterval(constrainLength, 200);
+		obj.removeEventListener = function(name, fn){
+			if(eventList[name] && eventList[name] != fn){
+				webshims.error('always use $.on/$.off to the shimed event: '+ name +' already bound fn was: '+ eventList[name] +' your fn was: '+ fn);
+			}
+			if(eventList[name]){
+				delete eventList[name];
 			}
 		};
-	})();
+		return obj;
+	};
 	
-	constrainMaxLength.update = function(element, maxLength){
-		if($(element).is(':focus')){
-			if(!maxLength){
-				maxLength = $.prop(element, 'maxlength');
+	var cueListProto = {
+		getCueById: function(id){
+			var cue = null;
+			for(var i = 0, len = this.length; i < len; i++){
+				if(this[i].id === id){
+					cue = this[i];
+					break;
+				}
 			}
-			constrainMaxLength(element, maxLength);
+			return cue;
 		}
 	};
+	var numericModes = {
+		0: 'disabled',
+		1: 'hidden',
+		2: 'showing'
+	};
 	
-	$(document).on('focusin', function(e){
-		var maxLength;
-		if(e.target.nodeName == "TEXTAREA" && (maxLength = $.prop(e.target, 'maxlength')) > -1){
-			constrainMaxLength(e.target, maxLength);
-		}
-	});
-	
-	webshims.defineNodeNameProperty('textarea', 'maxlength', {
-		attr: {
-			set: function(val){
-				this.setAttribute('maxlength', ''+val);
-				constrainMaxLength.update(this);
-			},
-			get: function(){
-				var ret = this.getAttribute('maxlength');
-				return ret == null ? undefined : ret;
-			}
+	var textTrackProto = {
+		shimActiveCues: null,
+		_shimActiveCues: null,
+		activeCues: null,
+		cues: null,
+		kind: 'subtitles',
+		label: '',
+		language: '',
+		mode: 'disabled',
+		readyState: 0,
+		oncuechange: null,
+		toString: function() {
+			return "[object TextTrack]";
 		},
-		prop: {
-			set: function(val){
-				if(isNumber(val)){
-					if(val < 0){
-						throw('INDEX_SIZE_ERR');
-					}
-					val = parseInt(val, 10);
-					this.setAttribute('maxlength', val);
-					constrainMaxLength.update(this, val);
-					return;
+		addCue: function(cue){
+			if(!this.cues){
+				this.cues = mediaelement.createCueList();
+			} else {
+				var lastCue = this.cues[this.cues.length-1];
+				if(lastCue && lastCue.startTime > cue.startTime){
+					webshims.error("cue startTime higher than previous cue's startTime");
 				}
-				this.setAttribute('maxlength', '0');
-				constrainMaxLength.update(this, 0);
-			},
-			get: function(){
-				var val = this.getAttribute('maxlength');
-				return (isNumber(val) && val >= 0) ? parseInt(val, 10) : -1; 
-				
 			}
-		}
-	});
-	webshims.defineNodeNameProperty('textarea', 'maxLength', {
-		prop: {
-			set: function(val){
-				$.prop(this, 'maxlength', val);
-			},
-			get: function(){
-				return $.prop(this, 'maxlength');
+			if(cue.track && cue.track.removeCue){
+				cue.track.removeCue(cue);
 			}
-		}
-	});
-} 
-
-
-
-var submitterTypes = {submit: 1, button: 1, image: 1};
-var formSubmitterDescriptors = {};
-[
-	{
-		name: "enctype",
-		limitedTo: {
-			"application/x-www-form-urlencoded": 1,
-			"multipart/form-data": 1,
-			"text/plain": 1
-		},
-		defaultProp: "application/x-www-form-urlencoded",
-		proptype: "enum"
-	},
-	{
-		name: "method",
-		limitedTo: {
-			"get": 1,
-			"post": 1
+			cue.track = this;
+			this.cues.push(cue);
 		},
-		defaultProp: "get",
-		proptype: "enum"
-	},
-	{
-		name: "action",
-		proptype: "url"
-	},
-	{
-		name: "target"
-	},
-	{
-		name: "novalidate",
-		propName: "noValidate",
-		proptype: "boolean"
-	}
-].forEach(function(desc){
-	var propName = 'form'+ (desc.propName || desc.name).replace(/^[a-z]/, function(f){
-		return f.toUpperCase();
-	});
-	var attrName = 'form'+ desc.name;
-	var formName = desc.name;
-	var eventName = 'click.webshimssubmittermutate'+formName;
-	
-	var changeSubmitter = function(){
-		var elem = this;
-		if( !('form' in elem) || !submitterTypes[elem.type] ){return;}
-		var form = $.prop(elem, 'form');
-		if(!form){return;}
-		var attr = $.attr(elem, attrName);
-		if(attr != null && ( !desc.limitedTo || attr.toLowerCase() === $.prop(elem, propName))){
-			
-			var oldAttr = $.attr(form, formName);
-			
-			$.attr(form, formName, attr);
-			setTimeout(function(){
-				if(oldAttr != null){
-					$.attr(form, formName, oldAttr);
-				} else {
-					try {
-						$(form).removeAttr(formName);
-					} catch(er){
-						form.removeAttribute(formName);
-					}
+		//ToDo: make it more dynamic
+		removeCue: function(cue){
+			var cues = this.cues || [];
+			var i = 0;
+			var len = cues.length;
+			if(cue.track != this){
+				webshims.error("cue not part of track");
+				return;
+			}
+			for(; i < len; i++){
+				if(cues[i] === cue){
+					cues.splice(i, 1);
+					cue.track = null;
+					break;
 				}
-			}, 9);
-		}
+			}
+			if(cue.track){
+				webshims.error("cue not part of track");
+				return;
+			}
+		},
+		DISABLED: 'disabled',
+		OFF: 'disabled',
+		HIDDEN: 'hidden',
+		SHOWING: 'showing',
+		ERROR: 3,
+		LOADED: 2,
+		LOADING: 1,
+		NONE: 0
 	};
+	var copyProps = ['kind', 'label', 'srclang'];
+	var copyName = {srclang: 'language'};
 	
+	var owns = Function.prototype.call.bind(Object.prototype.hasOwnProperty);
 	
-
-switch(desc.proptype) {
-		case "url":
-			var urlForm = document.createElement('form');
-			formSubmitterDescriptors[propName] = {
-				prop: {
-					set: function(value){
-						$.attr(this, attrName, value);
-					},
-					get: function(){
-						var value = $.attr(this, attrName);
-						if(value == null){return '';}
-						urlForm.setAttribute('action', value);
-						return urlForm.action;
-					}
-				}
-			};
-			break;
-		case "boolean":
-			formSubmitterDescriptors[propName] = {
-				prop: {
-					set: function(val){
-						val = !!val;
-						if(val){
-							$.attr(this, 'formnovalidate', 'formnovalidate');
-						} else {
-							$(this).removeAttr('formnovalidate');
-						}
-					},
-					get: function(){
-						return $.attr(this, 'formnovalidate') != null;
-					}
-				}
-			};
-			break;
-		case "enum":
-			formSubmitterDescriptors[propName] = {
-				prop: {
-					set: function(value){
-						$.attr(this, attrName, value);
-					},
-					get: function(){
-						var value = $.attr(this, attrName);
-						return (!value || ( (value = value.toLowerCase()) && !desc.limitedTo[value] )) ? desc.defaultProp : value;
-					}
-				}
-		};
-		break;
-		default:
-			formSubmitterDescriptors[propName] = {
-				prop: {
-					set: function(value){
-						$.attr(this, attrName, value);
-					},
-					get: function(){
-						var value = $.attr(this, attrName);
-						return (value != null) ? value : "";
-					}
-				}
-			};
-	}
-
-
-	if(!formSubmitterDescriptors[attrName]){
-		formSubmitterDescriptors[attrName] = {};
-	}
-	formSubmitterDescriptors[attrName].attr = {
-		set: function(value){
-			formSubmitterDescriptors[attrName].attr._supset.call(this, value);
-			$(this).unbind(eventName).on(eventName, changeSubmitter);
-		},
-		get: function(){
-			return formSubmitterDescriptors[attrName].attr._supget.call(this);
+	var updateMediaTrackList = function(baseData, trackList){
+		var removed = [];
+		var added = [];
+		var newTracks = [];
+		var i, len;
+		if(!baseData){
+			baseData =  webshims.data(this, 'mediaelementBase') || webshims.data(this, 'mediaelementBase', {});
 		}
-	};
-	formSubmitterDescriptors[attrName].initAttr = true;
-	formSubmitterDescriptors[attrName].removeAttr = {
-		value: function(){
-			$(this).unbind(eventName);
-			formSubmitterDescriptors[attrName].removeAttr._supvalue.call(this);
+		
+		if(!trackList){
+			baseData.blockTrackListUpdate = true;
+			trackList = $.prop(this, 'textTracks');
+			baseData.blockTrackListUpdate = false;
 		}
-	};
-});
-
-webshims.defineNodeNamesProperties(['input', 'button'], formSubmitterDescriptors);
-
-
-if(!$.support.getSetAttribute && $('<form novalidate></form>').attr('novalidate') == null){
-	webshims.defineNodeNameProperty('form', 'novalidate', {
-		attr: {
-			set: function(val){
-				this.setAttribute('novalidate', ''+val);
-			},
-			get: function(){
-				var ret = this.getAttribute('novalidate');
-				return ret == null ? undefined : ret;
+		
+		clearTimeout(baseData.updateTrackListTimer);
+		
+		$('track', this).each(function(){
+			var track = $.prop(this, 'track');
+			newTracks.push(track);
+			if(trackList.indexOf(track) == -1){
+				added.push(track);
+			}
+		});
+		
+		if(baseData.scriptedTextTracks){
+			for(i = 0, len = baseData.scriptedTextTracks.length; i < len; i++){
+				newTracks.push(baseData.scriptedTextTracks[i]);
+				if(trackList.indexOf(baseData.scriptedTextTracks[i]) == -1){
+					added.push(baseData.scriptedTextTracks[i]);
+				}
 			}
 		}
-	});
-} else if(webshims.bugs.bustedValidity){
-	
-	webshims.defineNodeNameProperty('form', 'novalidate', {
-		attr: {
-			set: function(val){
-				webshims.data(this, 'bustedNoValidate', ''+val);
-			},
-			get: function(){
-				var ret = webshims.data(this, 'bustedNoValidate');
-				return ret == null ? undefined : ret;
+		
+		for(i = 0, len = trackList.length; i < len; i++){
+			if(newTracks.indexOf(trackList[i]) == -1){
+				removed.push(trackList[i]);
 			}
-		},
-		removeAttr: {
-			value: function(){
-				webshims.data(this, 'bustedNoValidate', null);
+		}
+		
+		if(removed.length || added.length){
+			trackList.splice(0);
+			
+			for(i = 0, len = newTracks.length; i < len; i++){
+				trackList.push(newTracks[i]);
+			}
+			for(i = 0, len = removed.length; i < len; i++){
+				$([trackList]).triggerHandler($.Event({type: 'removetrack', track: removed[i]}));
+			}
+			for(i = 0, len = added.length; i < len; i++){
+				$([trackList]).triggerHandler($.Event({type: 'addtrack', track: added[i]}));
+			}
+			if(baseData.scriptedTextTracks || removed.length){
+				$(this).triggerHandler('updatetrackdisplay');
 			}
 		}
-	});
+	};
 	
-	$.each(['rangeUnderflow', 'rangeOverflow', 'stepMismatch'], function(i, name){
-		validityRules[name] = function(elem){
-			return (elem[0].validity || {})[name] || false;
-		};
-	});
+	var refreshTrack = function(track, trackData){
+		if(!trackData){
+			trackData = webshims.data(track, 'trackData');
+		}
+		if(trackData && !trackData.isTriggering){
+			trackData.isTriggering = true;
+			setTimeout(function(){
+				if(!(trackData.track || {}).readyState){
+					$(track).triggerHandler('checktrackmode');
+				} else {
+					$(track).closest('audio, video').triggerHandler('updatetrackdisplay');
+				}
+				trackData.isTriggering = false;
+			}, 1);
+		}
+	};
 	
-}
-
-webshims.defineNodeNameProperty('form', 'noValidate', {
-	prop: {
-		set: function(val){
-			val = !!val;
-			if(val){
-				$.attr(this, 'novalidate', 'novalidate');
-			} else {
-				$(this).removeAttr('novalidate');
-			}
-		},
-		get: function(){
-			return $.attr(this, 'novalidate') != null;
+	var emptyDiv = $('<div />')[0];
+	window.TextTrackCue = function(startTime, endTime, text){
+		if(arguments.length != 3){
+			webshims.error("wrong arguments.length for TextTrackCue.constructor");
 		}
-	}
-});
-
-if(Modernizr.inputtypes.date && /webkit/i.test(navigator.userAgent)){
-	(function(){
 		
-		var noInputTriggerEvts = {updateInput: 1, input: 1},
-			fixInputTypes = {
-				date: 1,
-				time: 1
-			},
-			noFocusEvents = {
-				focusout: 1,
-				blur: 1
-			},
-			changeEvts = {
-				updateInput: 1,
-				change: 1
-			},
-			observe = function(input){
-				var timer,
-					focusedin = true,
-					lastInputVal = input.prop('value'),
-					lastChangeVal = lastInputVal,
-					trigger = function(e){
-						//input === null
-						if(!input){return;}
-						var newVal = input.prop('value');
+		this.startTime = startTime;
+		this.endTime = endTime;
+		this.text = text;
+		
+		this.id = "";
+		this.pauseOnExit = false;
+		
+		createEventTarget(this);
+	};
+	
+	window.TextTrackCue.prototype = {
+		
+		onenter: null,
+		onexit: null,
+		pauseOnExit: false,
+		getCueAsHTML: function(){
+			var lastText = "";
+			var parsedText = "";
+			var fragment = document.createDocumentFragment();
+			var fn;
+			if(!owns(this, 'getCueAsHTML')){
+				fn = this.getCueAsHTML = function(){
+					var i, len;
+					if(lastText != this.text){
+						lastText = this.text;
+						parsedText = mediaelement.parseCueTextToHTML(lastText);
+						emptyDiv.innerHTML = parsedText;
 						
-						if(newVal !== lastInputVal){
-							lastInputVal = newVal;
-							if(!e || !noInputTriggerEvts[e.type]){
-								input.trigger('input');
-							}
+						for(i = 0, len = emptyDiv.childNodes.length; i < len; i++){
+							fragment.appendChild(emptyDiv.childNodes[i].cloneNode(true));
 						}
-						if(e && changeEvts[e.type]){
-							lastChangeVal = newVal;
-						}
-						if(!focusedin && newVal !== lastChangeVal){
-							input.trigger('change');
-						}
-					},
-					extraTimer,
-					extraTest = function(){
-						clearTimeout(extraTimer);
-						extraTimer = setTimeout(trigger, 9);
-					},
-					unbind = function(e){
-						clearInterval(timer);
-						setTimeout(function(){
-							if(e && noFocusEvents[e.type]){
-								focusedin = false;
-							}
-							if(input){
-								input.unbind('focusout blur', unbind).unbind('input change updateInput', trigger);
-								trigger();
-							}
-							input = null;
-						}, 1);
-						
 					}
-				;
+					return fragment.cloneNode(true);
+				};
 				
-				clearInterval(timer);
-				timer = setInterval(trigger, 160);
-				extraTest();
-				input
-					.off({
-						'focusout blur': unbind,
-						'input change updateInput': trigger
-					})
-					.on({
-						'focusout blur': unbind,
-						'input updateInput change': trigger
-					})
-				;
 			}
-		;
-		if($.event.customEvent){
-			$.event.customEvent.updateInput = true;
-		}
-		
-		(function(){
-			
-			var correctValue = function(elem){
-				var i = 1;
-				var len = 3;
-				var abort, val;
-				if(elem.type == 'date' && (isSubmit || !$(elem).is(':focus'))){
-					val = elem.value;
-					if(val && val.length < 10 && (val = val.split('-')) && val.length == len){
-						for(; i < len; i++){
-							if(val[i].length == 1){
-								val[i] = '0'+val[i];
-							} else if(val[i].length != 2){
-								abort = true;
-								break;
-							}
-						}
-						if(!abort){
-							val = val.join('-');
-							$.prop(elem, 'value', val);
-							return val;
-						}
-					}
-				}
-			};
-			var inputCheckValidityDesc, formCheckValidityDesc, inputValueDesc, inputValidityDesc;
-			
-			inputCheckValidityDesc = webshims.defineNodeNameProperty('input', 'checkValidity', {
-				prop: {
-					value: function(){
-						correctValue(this);
-						return inputCheckValidityDesc.prop._supvalue.apply(this, arguments);
-					}
-				}
-			});
-			
-			formCheckValidityDesc = webshims.defineNodeNameProperty('form', 'checkValidity', {
-				prop: {
-					value: function(){
-						$('input', this).each(function(){
-							correctValue(this);
-						});
-						return formCheckValidityDesc.prop._supvalue.apply(this, arguments);
-					}
-				}
-			});
-			
-			inputValueDesc = webshims.defineNodeNameProperty('input', 'value', {
-				prop: {
-					set: function(){
-						return inputValueDesc.prop._supset.apply(this, arguments);
-					},
-					get: function(){
-						return correctValue(this) || inputValueDesc.prop._supget.apply(this, arguments);
-					}
-				}
-			});
-			
-			inputValidityDesc = webshims.defineNodeNameProperty('input', 'validity', {
-				prop: {
-					writeable: false,
-					get: function(){
-						correctValue(this);
-						return inputValidityDesc.prop._supget.apply(this, arguments);
-					}
-				}
-			});
-			
-			$(document).on('change', function(e){
-				correctValue(e.target);
-			});
-			
-		})();
-		
-		$(document)
-			.on('focusin', function(e){
-				if( e.target && fixInputTypes[e.target.type] && !e.target.readOnly && !e.target.disabled ){
-					observe($(e.target));
-				}
-			})
-		;
+			return fn ? fn.apply(this, arguments) : fragment.cloneNode(true);
+		},
+		track: null,
 		
 		
-	})();
-}
-
-webshims.addReady(function(context, contextElem){
-	//start constrain-validation
-	var focusElem;
-	$('form', context)
-		.add(contextElem.filter('form'))
-		.bind('invalid', $.noop)
-	;
+		id: ''
+		//todo-->
+//			,
+//			snapToLines: true,
+//			line: 'auto',
+//			size: 100,
+//			position: 50,
+//			vertical: '',
+//			align: 'middle'
+	};
 	
-	try {
-		if(context == document && !('form' in (document.activeElement || {}))) {
-			focusElem = $('input[autofocus], select[autofocus], textarea[autofocus]', context).eq(0).getShadowFocusElement()[0];
-			if (focusElem && focusElem.offsetHeight && focusElem.offsetWidth) {
-				focusElem.focus();
-			}
-		}
-	} 
-	catch (er) {}
 	
-});
-
-if(!Modernizr.formattribute || !Modernizr.fieldsetdisabled){
-	(function(){
-		(function(prop, undefined){
-			$.prop = function(elem, name, value){
-				var ret;
-				if(elem && elem.nodeType == 1 && value === undefined && $.nodeName(elem, 'form') && elem.id){
-					ret = document.getElementsByName(name);
-					if(!ret || !ret.length){
-						ret = document.getElementById(name);
-					}
-					if(ret){
-						ret = $(ret).filter(function(){
-							return $.prop(this, 'form') == elem;
-						}).get();
-						if(ret.length){
-							return ret.length == 1 ? ret[0] : ret;
-						}
+	
+	
+	
+	mediaelement.createCueList = function(){
+		return $.extend([], cueListProto);
+	};
+	
+	mediaelement.parseCueTextToHTML = (function(){
+		var tagSplits = /(<\/?[^>]+>)/ig;
+		var allowedTags = /^(?:c|v|ruby|rt|b|i|u)/;
+		var regEnd = /\<\s*\//;
+		var addToTemplate = function(localName, attribute, tag, html){
+			var ret;
+			if(regEnd.test(html)){
+				ret = '</'+ localName +'>';
+			} else {
+				tag.splice(0, 1);
+				ret =  '<'+ localName +' '+ attribute +'="'+ (tag.join(' ').replace(/\"/g, '&#34;')) +'">';
+			}
+			return ret;
+		};
+		var replacer = function(html){
+			var tag = html.replace(/[<\/>]+/ig,"").split(/[\s\.]+/);
+			if(tag[0]){
+				tag[0] = tag[0].toLowerCase();
+				if(allowedTags.test(tag[0])){
+					if(tag[0] == 'c'){
+						html = addToTemplate('span', 'class', tag, html);
+					} else if(tag[0] == 'v'){
+						html = addToTemplate('q', 'title', tag, html);
 					}
+				} else {
+					html = "";
 				}
-				return prop.apply(this, arguments);
-			};
-		})($.prop, undefined);
-		var removeAddedElements = function(form){
-			var elements = $.data(form, 'webshimsAddedElements');
-			if(elements){
-				elements.remove();
-				$.removeData(form, 'webshimsAddedElements');
 			}
+			return html;
 		};
-		var rCRLF = /\r?\n/g,
-			rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
-			rselectTextarea = /^(?:select|textarea)/i;
 		
-		if(!Modernizr.formattribute){
-			webshims.defineNodeNamesProperty(['input', 'textarea', 'select', 'button', 'fieldset'], 'form', {
-				prop: {
-					get: function(){
-						var form = webshims.contentAttr(this, 'form');
-						if(form){
-							form = document.getElementById(form);
-							if(form && !$.nodeName(form, 'form')){
-								form = null;
-							}
-						} 
-						return form || this.form;
-					},
-					writeable: false
-				}
-			});
-			
-			
-			webshims.defineNodeNamesProperty(['form'], 'elements', {
-				prop: {
-					get: function(){
-						var id = this.id;
-						var elements = $.makeArray(this.elements);
-						if(id){
-							elements = $(elements).add('input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"], button[form="'+ id +'"], fieldset[form="'+ id +'"]').not('.webshims-visual-hide > *').get();
-						}
-						return elements;
-					},
-					writeable: false
+		return function(cueText){
+			return cueText.replace(tagSplits, replacer);
+		};
+	})();
+	
+	mediaelement.loadTextTrack = function(mediaelem, track, trackData, _default){
+		var loadEvents = 'play playing timeupdate updatetrackdisplay';
+		var obj = trackData.track;
+		var load = function(){
+			var src = $.prop(track, 'src');
+			var error;
+			var ajax;
+			if(obj.mode != 'disabled' && src && $.attr(track, 'src')){
+				$(mediaelem).unbind(loadEvents, load);
+				$(track).unbind('checktrackmode', load);
+				if(!obj.readyState){
+					error = function(){
+						obj.readyState = 3;
+						obj.cues = null;
+						obj.activeCues = obj.shimActiveCues = obj._shimActiveCues = null;
+						$(track).triggerHandler('error');
+					};
+					obj.readyState = 1;
+					try {
+						obj.cues = mediaelement.createCueList();
+						obj.activeCues = obj.shimActiveCues = obj._shimActiveCues = mediaelement.createCueList();
+						ajax = $.ajax({
+							dataType: 'text',
+							url: src,
+							success: function(text){
+								if(ajax.getResponseHeader('content-type') != 'text/vtt'){
+									webshims.error('set the mime-type of your WebVTT files to text/vtt. see: http://dev.w3.org/html5/webvtt/#text/vtt');
+								}
+								mediaelement.parseCaptions(text, obj, function(cues){
+									if(cues && 'length' in cues){
+										obj.readyState = 2;
+										$(track).triggerHandler('load');
+										$(mediaelem).triggerHandler('updatetrackdisplay');
+									} else {
+										error();
+									}
+								});
+								
+							},
+							error: error
+						});
+					} catch(er){
+						error();
+						webshims.warn(er);
+					}
 				}
-			});
-			
+			}
+		};
+		obj.readyState = 0;
+		obj.shimActiveCues = null;
+		obj._shimActiveCues = null;
+		obj.activeCues = null;
+		obj.cues = null;
+		$(mediaelem).unbind(loadEvents, load);
+		$(track).unbind('checktrackmode', load);
+		$(mediaelem).on(loadEvents, load);
+		$(track).on('checktrackmode', load);
+		if(_default){
+			obj.mode = showTracks[obj.kind] ? 'showing' : 'hidden';
+			load();
+		}
+	};
+	
+	mediaelement.createTextTrack = function(mediaelem, track){
+		var obj, trackData;
+		if(track.nodeName){
+			trackData = webshims.data(track, 'trackData');
 			
+			if(trackData){
+				refreshTrack(track, trackData);
+				obj = trackData.track;
+			}
+		}
+		
+		if(!obj){
+			obj = createEventTarget(webshims.objectCreate(textTrackProto));
 			
-			$(function(){
-				var stopPropagation = function(e){
-					e.stopPropagation();
-				};
-				$(document).on('submit', function(e){
-					
-					if(!e.isDefaultPrevented()){
-						var form = e.target;
-						var id = form.id;
-						var elements;
-						
-						
-						if(id){
-							removeAddedElements(form);
-							
-							elements = $('input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"]')
-								.filter(function(){
-									return !this.disabled && this.name && this.form != form;
-								})
-								.clone()
-							;
-							if(elements.length){
-								$.data(form, 'webshimsAddedElements', $('<div class="webshims-visual-hide" />').append(elements).appendTo(form));
-								setTimeout(function(){
-									removeAddedElements(form);
-								}, 9);
-							}
-							elements = null;
-						}
+			if(!supportTrackMod){
+				copyProps.forEach(function(copyProp){
+					var prop = $.prop(track, copyProp);
+					if(prop){
+						obj[copyName[copyProp] || copyProp] = prop;
 					}
 				});
+			}
+			
+			
+			if(track.nodeName){
 				
-				$(document).on('click', function(e){
-					if(!e.isDefaultPrevented() && $(e.target).is('input[type="submit"][form], button[form], input[type="button"][form], input[type="image"][form], input[type="reset"][form]')){
-						var trueForm = $.prop(e.target, 'form');
-						var formIn = e.target.form;
-						var clone;
-						if(trueForm && trueForm != formIn){
-							clone = $(e.target)
-								.clone()
-								.removeAttr('form')
-								.addClass('webshims-visual-hide')
-								.on('click', stopPropagation)
-								.appendTo(trueForm)
-							;
-							if(formIn){
-								e.preventDefault();
+				if(supportTrackMod){
+					copyProps.forEach(function(copyProp){
+						webshims.defineProperty(obj, copyName[copyProp] || copyProp, {
+							get: function(){
+								return $.prop(track, copyProp);
 							}
-							addSubmitBubbles(trueForm);
-							clone.trigger('click');
-							setTimeout(function(){
-								clone.remove();
-								clone = null;
-							}, 9);
-						}
-					}
-				});
-			});
-		}
-		
-		if(!Modernizr.fieldsetdisabled){
-			webshims.defineNodeNamesProperty(['fieldset'], 'elements', {
-				prop: {
-					get: function(){
-						//add listed elements without keygen, object, output
-						return $('input, select, textarea, button, fieldset', this).get() || [];
-					},
-					writeable: false
+						});
+					});
+				}
+				
+				trackData = webshims.data(track, 'trackData', {track: obj});
+				mediaelement.loadTextTrack(mediaelem, track, trackData, ($.prop(track, 'default') && $(track).siblings('track[default]')[ADDBACK]()[0] == track));
+			} else {
+				if(supportTrackMod){
+					copyProps.forEach(function(copyProp){
+						webshims.defineProperty(obj, copyName[copyProp] || copyProp, {
+							value: track[copyProp],
+							writeable: false
+						});
+					});
 				}
-			});
+				obj.cues = mediaelement.createCueList();
+				obj.activeCues = obj._shimActiveCues = obj.shimActiveCues = mediaelement.createCueList();
+				obj.mode = 'hidden';
+				obj.readyState = 2;
+			}
 		}
+		return obj;
+	};
+	
+	
+/*
+taken from:
+Captionator 0.5.1 [CaptionCrunch]
+Christopher Giffard, 2011
+Share and enjoy
+
+https://github.com/cgiffard/Captionator
+
+modified for webshims
+*/
+	mediaelement.parseCaptionChunk = (function(){
+		// Set up timestamp parsers
+		var WebVTTTimestampParser			= /^(\d{2})?:?(\d{2}):(\d{2})\.(\d+)\s+\-\-\>\s+(\d{2})?:?(\d{2}):(\d{2})\.(\d+)\s*(.*)/;
+		var GoogleTimestampParser		= /^([\d\.]+)\s+\+([\d\.]+)\s*(.*)/;
+		var WebVTTDEFAULTSCueParser		= /^(DEFAULTS|DEFAULT)\s+\-\-\>\s+(.*)/g;
+		var WebVTTSTYLECueParser		= /^(STYLE|STYLES)\s+\-\-\>\s*\n([\s\S]*)/g;
+		var WebVTTCOMMENTCueParser		= /^(COMMENT|COMMENTS)\s+\-\-\>\s+(.*)/g;
 		
-		$.fn.serializeArray = function() {
-				return this.map(function(){
-					var elements = $.prop(this, 'elements');
-					return elements ? $.makeArray( elements ) : this;
-				})
-				.filter(function(){
-					return this.name && !this.disabled &&
-						( this.checked || rselectTextarea.test( this.nodeName ) ||
-							rinput.test( this.type ) );
-				})
-				.map(function( i, elem ){
-					var val = $( this ).val();
-		
-					return val == null ?
-						null :
-						$.isArray( val ) ?
-							$.map( val, function( val, i ){
-								return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-							}) :
-							{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-				}).get();
-			};
+		return function(subtitleElement,objectCount){
+			var cueDefaults = [];
 		
-	})();
-}
+			var subtitleParts, timeIn, timeOut, html, timeData, subtitlePartIndex, cueSettings = "", id, specialCueData;
+			var timestampMatch, tmpCue;
 
-try {
-	document.querySelector(':checked');
-} catch(er){
-	(function(){
-		var checkInputs = {
-			radio: 1,
-			checkbox: 1
-		};
-		var selectChange = function(){
-			var options = this.options || [];
-			var i, len, option;
-			for(i = 0, len = options.length; i < len; i++){
-				option = $(options[i]);
-				option[$.prop(options[i], 'selected') ? 'addClass' : 'removeClass']('prop-checked');
+			// WebVTT Special Cue Logic
+			if ((specialCueData = WebVTTDEFAULTSCueParser.exec(subtitleElement))) {
+//				cueDefaults = specialCueData.slice(2).join("");
+//				cueDefaults = cueDefaults.split(/\s+/g).filter(function(def) { return def && !!def.length; });
+				return null;
+			} else if ((specialCueData = WebVTTSTYLECueParser.exec(subtitleElement))) {
+				return null;
+			} else if ((specialCueData = WebVTTCOMMENTCueParser.exec(subtitleElement))) {
+				return null; // At this stage, we don't want to do anything with these.
 			}
-		};
-		var checkChange = function(){
-			var fn = $.prop(this, 'checked')  ? 'addClass' : 'removeClass';
-			var className = this.className || '';
-			var parent;
 			
-			//IE8- has problems to update styles, we help
-			if( (className.indexOf('prop-checked') == -1) == (fn == 'addClass')){ 
-				$(this)[fn]('prop-checked');
-				if((parent = this.parentNode)){
-					parent.className = parent.className;
-				}
-			}
-		};
+			subtitleParts = subtitleElement.split(/\n/g);
 		
-		
-		webshims.onNodeNamesPropertyModify('select', 'value', selectChange);
-		webshims.onNodeNamesPropertyModify('select', 'selectedIndex', selectChange);
-		webshims.onNodeNamesPropertyModify('option', 'selected', function(){
-			$(this).closest('select').each(selectChange);
-		});
-		webshims.onNodeNamesPropertyModify('input', 'checked', function(value, boolVal){
-			var type = this.type;
-			if(type == 'radio' && boolVal){
-				webshims.modules["form-core"].getGroupElements(this).each(checkChange);
-			} else if(checkInputs[type]) {
-				$(this).each(checkChange);
+			// Trim off any blank lines (logically, should only be max. one, but loop to be sure)
+			while (!subtitleParts[0].replace(/\s+/ig,"").length && subtitleParts.length > 0) {
+				subtitleParts.shift();
 			}
-		});
 		
-		$(document).on('change', function(e){
-			
-			if(checkInputs[e.target.type]){
-				if(e.target.type == 'radio'){
-					webshims.modules["form-core"].getGroupElements(e.target).each(checkChange);
-				} else {
-					$(e.target)[$.prop(e.target, 'checked') ? 'addClass' : 'removeClass']('prop-checked');
-				}
-			} else if(e.target.nodeName.toLowerCase() == 'select'){
-				$(e.target).each(selectChange);
+			if (subtitleParts[0].match(/^\s*[a-z0-9-\_]+\s*$/ig)) {
+				// The identifier becomes the cue ID (when *we* load the cues from file. Programatically created cues can have an ID of whatever.)
+				id = String(subtitleParts.shift().replace(/\s*/ig,""));
 			}
-		});
 		
-		webshims.addReady(function(context, contextElem){
-			$('option, input', context)
-				.add(contextElem.filter('option, input'))
-				.each(function(){
-					var prop;
-					if(checkInputs[this.type]){
-						prop = 'checked';
-					} else if(this.nodeName.toLowerCase() == 'option'){
-						prop = 'selected';
-					}  
-					if(prop){
-						$(this)[$.prop(this, prop) ? 'addClass' : 'removeClass']('prop-checked');
-					}
+			for (subtitlePartIndex = 0; subtitlePartIndex < subtitleParts.length; subtitlePartIndex ++) {
+				var timestamp = subtitleParts[subtitlePartIndex];
+				
+				if ((timestampMatch = WebVTTTimestampParser.exec(timestamp))) {
 					
-				})
-			;
-		});
-	})();
-}
-
-(function(){
-	Modernizr.textareaPlaceholder = !!('placeholder' in $('<textarea />')[0]);
-	if(Modernizr.input.placeholder && Modernizr.textareaPlaceholder){return;}
-	
-	var isOver = (webshims.cfg.forms.placeholderType == 'over');
-	var isResponsive = (webshims.cfg.forms.responsivePlaceholder);
-	var polyfillElements = ['textarea'];
-	if(!Modernizr.input.placeholder){
-		polyfillElements.push('input');
-	}
-	
-	var setSelection = function(elem){
-		try {
-			if(elem.setSelectionRange){
-				elem.setSelectionRange(0, 0);
-				return true;
-			} else if(elem.createTextRange){
-				var range = elem.createTextRange();
-				range.collapse(true);
-				range.moveEnd('character', 0);
-				range.moveStart('character', 0);
-				range.select();
-				return true;
-			}
-		} catch(er){}
-	};
-	
-	var hidePlaceholder = function(elem, data, value, _onFocus){
-			if(value === false){
-				value = $.prop(elem, 'value');
-			}
-			if(!isOver && elem.type != 'password'){
-				if(!value && _onFocus && setSelection(elem)){
-					var selectTimer  = setTimeout(function(){
-						setSelection(elem);
-					}, 9);
-					$(elem)
-						.off('.placeholderremove')
-						.on({
-							'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
-								if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
-								elem.value = $.prop(elem, 'value');
-								data.box.removeClass('placeholder-visible');
-								clearTimeout(selectTimer);
-								$(elem).unbind('.placeholderremove');
-							},
-							'mousedown.placeholderremove drag.placeholderremove select.placeholderremove': function(e){
-								setSelection(elem);
-								clearTimeout(selectTimer);
-								selectTimer = setTimeout(function(){
-									setSelection(elem);
-								}, 9);
-							},
-							'blur.placeholderremove': function(){
-								clearTimeout(selectTimer);
-								$(elem).unbind('.placeholderremove');
-							}
-						})
-					;
-					return;
+					// WebVTT
+					
+					timeData = timestampMatch.slice(1);
+					
+					timeIn =	parseInt((timeData[0]||0) * 60 * 60,10) +	// Hours
+								parseInt((timeData[1]||0) * 60,10) +		// Minutes
+								parseInt((timeData[2]||0),10) +				// Seconds
+								parseFloat("0." + (timeData[3]||0));		// MS
+					
+					timeOut =	parseInt((timeData[4]||0) * 60 * 60,10) +	// Hours
+								parseInt((timeData[5]||0) * 60,10) +		// Minutes
+								parseInt((timeData[6]||0),10) +				// Seconds
+								parseFloat("0." + (timeData[7]||0));		// MS
+/*
+					if (timeData[8]) {
+						cueSettings = timeData[8];
+					}
+*/
 				}
-				elem.value = value;
-			} else if(!value && _onFocus){
-				$(elem)
-					.off('.placeholderremove')
-					.on({
-						'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
-							if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
-							data.box.removeClass('placeholder-visible');
-							$(elem).unbind('.placeholderremove');
-						},
-						'blur.placeholderremove': function(){
-							$(elem).unbind('.placeholderremove');
-						}
-					})
-				;
-				return;
+				
+				// We've got the timestamp - return all the other unmatched lines as the raw subtitle data
+				subtitleParts = subtitleParts.slice(0,subtitlePartIndex).concat(subtitleParts.slice(subtitlePartIndex+1));
+				break;
 			}
-			data.box.removeClass('placeholder-visible');
-		},
-		showPlaceholder = function(elem, data, placeholderTxt){
-			if(placeholderTxt === false){
-				placeholderTxt = $.prop(elem, 'placeholder');
+
+			if (!timeIn && !timeOut) {
+				// We didn't extract any time information. Assume the cue is invalid!
+				webshims.warn("couldn't extract time information: "+[timeIn, timeOut, subtitleParts.join("\n"), id].join(' ; '));
+				return null;
 			}
+/*
+			// Consolidate cue settings, convert defaults to object
+			var compositeCueSettings =
+				cueDefaults
+					.reduce(function(previous,current,index,array){
+						previous[current.split(":")[0]] = current.split(":")[1];
+						return previous;
+					},{});
 			
-			if(!isOver && elem.type != 'password'){
-				elem.value = placeholderTxt;
-			}
-			data.box.addClass('placeholder-visible');
-		},
-		changePlaceholderVisibility = function(elem, value, placeholderTxt, data, type){
-			if(!data){
-				data = $.data(elem, 'placeHolder');
-				if(!data){return;}
-			}
-			$(elem).unbind('.placeholderremove');
-			if(type == 'focus' || (!type && $(elem).is(':focus'))){
-				if(elem.type == 'password' || isOver || $(elem).hasClass('placeholder-visible')){
-					hidePlaceholder(elem, data, '', true);
+			// Loop through cue settings, replace defaults with cue specific settings if they exist
+			compositeCueSettings =
+				cueSettings
+					.split(/\s+/g)
+					.filter(function(set) { return set && !!set.length; })
+					// Convert array to a key/val object
+					.reduce(function(previous,current,index,array){
+						previous[current.split(":")[0]] = current.split(":")[1];
+						return previous;
+					},compositeCueSettings);
+			
+			// Turn back into string like the TextTrackCue constructor expects
+			cueSettings = "";
+			for (var key in compositeCueSettings) {
+				if (compositeCueSettings.hasOwnProperty(key)) {
+					cueSettings += !!cueSettings.length ? " " : "";
+					cueSettings += key + ":" + compositeCueSettings[key];
 				}
-				return;
-			}
-			if(value === false){
-				value = $.prop(elem, 'value');
-			}
-			if(value){
-				hidePlaceholder(elem, data, value);
-				return;
-			}
-			if(placeholderTxt === false){
-				placeholderTxt = $.attr(elem, 'placeholder') || '';
-			}
-			if(placeholderTxt && !value){
-				showPlaceholder(elem, data, placeholderTxt);
-			} else {
-				hidePlaceholder(elem, data, value);
 			}
-		},
-		createPlaceholder = function(elem){
-			elem = $(elem);
-			var id 			= elem.prop('id'),
-				hasLabel	= !!(elem.prop('title') || elem.attr('aria-labelledby'))
-			;
-			if(!hasLabel && id){
-				hasLabel = !!( $('label[for="'+ id +'"]', elem[0].form)[0] );
-			}
-			if(!hasLabel){
-				if(!id){
-					id = $.webshims.getID(elem);
-				}
-				hasLabel = !!($('label #'+ id)[0]);
+*/
+			// The remaining lines are the subtitle payload itself (after removing an ID if present, and the time);
+			html = subtitleParts.join("\n");
+			tmpCue = new TextTrackCue(timeIn, timeOut, html);
+			if(id){
+				tmpCue.id = id;
 			}
-			return $( hasLabel ? '<span class="placeholder-text"></span>' : '<label for="'+ id +'" class="placeholder-text"></label>');
-		},
-		pHolder = (function(){
-			var delReg 	= /\n|\r|\f|\t/g,
-				allowedPlaceholder = {
-					text: 1,
-					search: 1,
-					url: 1,
-					email: 1,
-					password: 1,
-					tel: 1,
-					number: 1
-				}
-			;
+			return tmpCue;
+		};
+	})();
+	
+	mediaelement.parseCaptions = function(captionData, track, complete) {
+		var subtitles = mediaelement.createCueList();
+		var cue, lazyProcess, regWevVTT;
+		var startDate;
+		var isWEBVTT;
+		if (captionData) {
 			
-			return {
-				create: function(elem){
-					var data = $.data(elem, 'placeHolder');
-					var form;
-					var responsiveElem;
-					if(data){return data;}
-					data = $.data(elem, 'placeHolder', {});
-					
-					$(elem).on('focus.placeholder blur.placeholder', function(e){
-						changePlaceholderVisibility(this, false, false, data, e.type );
-						data.box[e.type == 'focus' ? 'addClass' : 'removeClass']('placeholder-focused');
-					});
-					
-					if((form = $.prop(elem, 'form'))){
-						$(form).on('reset.placeholder', function(e){
-							setTimeout(function(){
-								changePlaceholderVisibility(elem, false, false, data, e.type );
-							}, 0);
-						});
-					}
-					
-					if(elem.type == 'password' || isOver){
-						data.text = createPlaceholder(elem);
-						if(isResponsive || $(elem).is('.responsive-width') || (elem.currentStyle || {width: ''}).width.indexOf('%') != -1){
-							responsiveElem = true;
-							data.box = data.text;
-						} else {
-							data.box = $(elem)
-								.wrap('<span class="placeholder-box placeholder-box-'+ (elem.nodeName || '').toLowerCase() +' placeholder-box-'+$.css(elem, 'float')+'" />')
-								.parent()
-							;
+			regWevVTT = /^WEBVTT(\s*FILE)?/ig;
+			
+			lazyProcess = function(i, len){
+				
+				for(; i < len; i++){
+					cue = captionData[i];
+					if(regWevVTT.test(cue)){
+						isWEBVTT = true;
+					} else if(cue.replace(/\s*/ig,"").length){
+						if(!isWEBVTT){
+							webshims.error('please use WebVTT format. This is the standard');
+							complete(null);
+							break;
 						}
-						data.text
-							.insertAfter(elem)
-							.on('mousedown.placeholder', function(){
-								changePlaceholderVisibility(this, false, false, data, 'focus');
-								try {
-									setTimeout(function(){
-										elem.focus();
-									}, 0);
-								} catch(e){}
-								return false;
-							})
-						;
-						
-						
-						$.each(['lineHeight', 'fontSize', 'fontFamily', 'fontWeight'], function(i, style){
-							var prop = $.css(elem, style);
-							if(data.text.css(style) != prop){
-								data.text.css(style, prop);
-							}
-						});
-						$.each(['Left', 'Top'], function(i, side){
-							var size = (parseInt($.css(elem, 'padding'+ side), 10) || 0) + Math.max((parseInt($.css(elem, 'margin'+ side), 10) || 0), 0) + (parseInt($.css(elem, 'border'+ side +'Width'), 10) || 0);
-							data.text.css('padding'+ side, size);
-						});
-						
-						$(document)
-							.onTrigger('updateshadowdom', function(){
-								var height, width; 
-								if((width = elem.offsetWidth) || (height = elem.offsetHeight)){
-									data.text
-										.css({
-											width: width,
-											height: height
-										})
-										.css($(elem).position())
-									;
-								}
-							})
-						;
-						
-					} else {
-						var reset = function(e){
-							if($(elem).hasClass('placeholder-visible')){
-								hidePlaceholder(elem, data, '');
-								if(e && e.type == 'submit'){
-									setTimeout(function(){
-										if(e.isDefaultPrevented()){
-											changePlaceholderVisibility(elem, false, false, data );
-										}
-									}, 9);
-								}
-							}
-						};
-						
-						$(window).on('beforeunload', reset);
-						data.box = $(elem);
-						if(form){
-							$(form).submit(reset);
+						cue = mediaelement.parseCaptionChunk(cue, i);
+						if(cue){
+							track.addCue(cue);
 						}
 					}
-					
-					return data;
-				},
-				update: function(elem, val){
-					var type = ($.attr(elem, 'type') || $.prop(elem, 'type') || '').toLowerCase();
-					if(!allowedPlaceholder[type] && !$.nodeName(elem, 'textarea')){
-						webshims.error('placeholder not allowed on input[type="'+type+'"]');
-						if(type == 'date'){
-							webshims.error('but you can use data-placeholder for input[type="date"]');
-						}
-						return;
+					if(startDate < (new Date().getTime()) - 30){
+						i++;
+						setTimeout(function(){
+							startDate = new Date().getTime();
+							lazyProcess(i, len);
+						}, 90);
+						
+						break;
 					}
-					
-					
-					var data = pHolder.create(elem);
-					if(data.text){
-						data.text.text(val);
+				}
+				if(i >= len){
+					if(!isWEBVTT){
+						webshims.error('please use WebVTT format. This is the standard');
 					}
-					
-					changePlaceholderVisibility(elem, false, val, data);
+					complete(track.cues);
 				}
 			};
-		})()
-	;
+			
+			captionData = captionData.replace(/\r\n/g,"\n");
+			
+			setTimeout(function(){
+				captionData = captionData.replace(/\r/g,"\n");
+				setTimeout(function(){
+					startDate = new Date().getTime();
+					captionData = captionData.split(/\n\n+/g);
+					lazyProcess(0, captionData.length);
+				}, 9);
+			}, 9);
+			
+		} else {
+			webshims.error("Required parameter captionData not supplied.");
+		}
+	};
+	
 	
-	$.webshims.publicMethods = {
-		pHolder: pHolder
+	mediaelement.createTrackList = function(mediaelem, baseData){
+		baseData = baseData || webshims.data(mediaelem, 'mediaelementBase') || webshims.data(mediaelem, 'mediaelementBase', {});
+		if(!baseData.textTracks){
+			baseData.textTracks = [];
+			webshims.defineProperties(baseData.textTracks, {
+				onaddtrack: {value: null},
+				onremovetrack: {value: null}
+			});
+			createEventTarget(baseData.textTracks);
+		}
+		return baseData.textTracks;
 	};
-	polyfillElements.forEach(function(nodeName){
-		var desc = webshims.defineNodeNameProperty(nodeName, 'placeholder', {
-			attr: {
-				set: function(val){
-					var elem = this;
-					webshims.contentAttr(elem, 'placeholder', val);
-					pHolder.update(elem, val);
-				},
-				get: function(){
-					return webshims.contentAttr(this, 'placeholder');
-				}
-			},
-			reflect: true,
-			initAttr: true
-		});
-	});
 	
+	if(!Modernizr.track){
+		webshims.defineNodeNamesBooleanProperty(['track'], 'default');
+		webshims.reflectProperties(['track'], ['srclang', 'label']);
+		
+		webshims.defineNodeNameProperties('track', {
+			src: {
+				//attr: {},
+				reflect: true,
+				propType: 'src'
+			}
+		});
+	}
 	
-	polyfillElements.forEach(function(name){
-		var placeholderValueDesc =  {};
-		var desc;
-		['attr', 'prop'].forEach(function(propType){
-			placeholderValueDesc[propType] = {
-				set: function(val){
-					var elem = this;
-					var placeholder = webshims.contentAttr(elem, 'placeholder');
-					 
-					
-					$.removeData(elem, 'cachedValidity');
-					var ret = desc[propType]._supset.call(elem, val);
-					if(placeholder && 'value' in elem){
-						changePlaceholderVisibility(elem, val, placeholder);
+	webshims.defineNodeNameProperties('track', {
+		kind: {
+			attr: Modernizr.track ? {
+				set: function(value){
+					var trackData = webshims.data(this, 'trackData');
+					this.setAttribute('data-kind', value);
+					if(trackData){
+						trackData.attrKind = value;
 					}
-					return ret;
 				},
 				get: function(){
-					var elem = this;
-					return $(elem).hasClass('placeholder-visible') ? '' : desc[propType]._supget.call(elem);
+					var trackData = webshims.data(this, 'trackData');
+					if(trackData && ('attrKind' in trackData)){
+						return trackData.attrKind;
+					}
+					return this.getAttribute('kind');
 				}
-			};
-		});
-		desc = webshims.defineNodeNameProperty(name, 'value', placeholderValueDesc);
+			} : {},
+			reflect: true,
+			propType: 'enumarated',
+			defaultValue: 'subtitles',
+			limitedTo: ['subtitles', 'captions', 'descriptions', 'chapters', 'metadata']
+		}
 	});
 	
-})();
-
-	(function(){
-		var doc = document;	
-		if( 'value' in document.createElement('output') ){return;}
-		
-		webshims.defineNodeNameProperty('output', 'value', {
-			prop: {
-				set: function(value){
-					var setVal = $.data(this, 'outputShim');
-					if(!setVal){
-						setVal = outputCreate(this);
-					}
-					setVal(value);
-				},
-				get: function(){
-					return webshims.contentAttr(this, 'value') || $(this).text() || '';
+	$.each(copyProps, function(i, copyProp){
+		var name = copyName[copyProp] || copyProp;
+		webshims.onNodeNamesPropertyModify('track', copyProp, function(){
+			var trackData = webshims.data(this, 'trackData');
+			var track = this;
+			if(trackData){
+				if(copyProp == 'kind'){
+					refreshTrack(this, trackData);
 				}
+				if(!supportTrackMod){
+					trackData.track[name] = $.prop(this, copyProp);
+				}
+				clearTimeout(trackData.changedTrackPropTimer);
+				trackData.changedTrackPropTimer = setTimeout(function(){
+					$(track).trigger('updatesubtitlestate');
+				}, 1); 
 			}
 		});
-		
-		
-		webshims.onNodeNamesPropertyModify('input', 'value', function(value, boolVal, type){
-			if(type == 'removeAttr'){return;}
-			var setVal = $.data(this, 'outputShim');
-			if(setVal){
-				setVal(value);
-			}
-		});
-		
-		var outputCreate = function(elem){
-			if(elem.getAttribute('aria-live')){return;}
-			elem = $(elem);
-			var value = (elem.text() || '').trim();
-			var	id 	= elem.attr('id');
-			var	htmlFor = elem.attr('for');
-			var shim = $('<input class="output-shim" type="text" disabled name="'+ (elem.attr('name') || '')+'" value="'+value+'" style="display: none !important;" />').insertAfter(elem);
-			var form = shim[0].form || doc;
-			var setValue = function(val){
-				shim[0].value = val;
-				val = shim[0].value;
-				elem.text(val);
-				webshims.contentAttr(elem[0], 'value', val);
-			};
-			
-			elem[0].defaultValue = value;
-			webshims.contentAttr(elem[0], 'value', value);
-			
-			elem.attr({'aria-live': 'polite'});
-			if(id){
-				shim.attr('id', id);
-				elem.attr('aria-labelledby', webshims.getID($('label[for="'+id+'"]', form)));
-			}
-			if(htmlFor){
-				id = webshims.getID(elem);
-				htmlFor.split(' ').forEach(function(control){
-					control = document.getElementById(control);
-					if(control){
-						control.setAttribute('aria-controls', id);
-					}
-				});
-			}
-			elem.data('outputShim', setValue );
-			shim.data('outputShim', setValue );
-			return setValue;
-		};
-						
-		webshims.addReady(function(context, contextElem){
-			$('output', context).add(contextElem.filter('output')).each(function(){
-				outputCreate(this);
-			});
-		});
-		
-		/*
-		 * Implements input event in all browsers
-		 */
-		(function(){
-			var noInputTriggerEvts = {updateInput: 1, input: 1},
-				noInputTypes = {
-					radio: 1,
-					checkbox: 1,
-					submit: 1,
-					button: 1,
-					image: 1,
-					reset: 1,
-					file: 1
-					
-					//pro forma
-					,color: 1
-					//,range: 1
-				},
-				observe = function(input){
-					var timer,
-						lastVal = input.prop('value'),
-						trigger = function(e){
-							//input === null
-							if(!input){return;}
-							var newVal = input.prop('value');
-							
-							if(newVal !== lastVal){
-								lastVal = newVal;
-								if(!e || !noInputTriggerEvts[e.type]){
-									webshims.triggerInlineForm && webshims.triggerInlineForm(input[0], 'input');
-								}
-							}
-						},
-						extraTimer,
-						extraTest = function(){
-							clearTimeout(extraTimer);
-							extraTimer = setTimeout(trigger, 9);
-						},
-						unbind = function(){
-							input.unbind('focusout', unbind).unbind('keyup keypress keydown paste cut', extraTest).unbind('input change updateInput', trigger);
-							clearInterval(timer);
-							setTimeout(function(){
-								trigger();
-								input = null;
-							}, 1);
-							
-						}
-					;
-					
-					clearInterval(timer);
-					timer = setInterval(trigger, 99);
-					extraTest();
-					input.on({
-						'keyup keypress keydown paste cut': extraTest,
-						focusout: unbind,
-						'input updateInput change': trigger
-					});
-				}
-			;
-			if($.event.customEvent){
-				$.event.customEvent.updateInput = true;
-			} 
-			
-			$(doc)
-				.on('focusin', function(e){
-					if( e.target && e.target.type && !e.target.readOnly && !e.target.disabled && (e.target.nodeName || '').toLowerCase() == 'input' && !noInputTypes[e.target.type] ){
-						observe($(e.target));
-					}
-				})
-			;
-		})();
-	})();
-
-}); //webshims.ready end
-}//end formvalidation
-
-jQuery.webshims.register('form-message', function($, webshims, window, document, undefined, options){
-	"use strict";
-	var validityMessages = webshims.validityMessages;
-	
-	var implementProperties = (options.overrideMessages || options.customMessages) ? ['customValidationMessage'] : [];
-	
-	validityMessages['en'] = $.extend(true, {
-		typeMismatch: {
-			email: 'Please enter an email address.',
-			url: 'Please enter a URL.',
-			number: 'Please enter a number.',
-			date: 'Please enter a date.',
-			time: 'Please enter a time.',
-			range: 'Invalid input.',
-			"datetime-local": 'Please enter a datetime.'
-		},
-		rangeUnderflow: {
-			defaultMessage: 'Value must be greater than or equal to {%min}.'
-		},
-		rangeOverflow: {
-			defaultMessage: 'Value must be less than or equal to {%max}.'
-		},
-		stepMismatch: 'Invalid input.',
-		tooLong: 'Please enter at most {%maxlength} character(s). You entered {%valueLen}.',
-		
-		patternMismatch: 'Invalid input. {%title}',
-		valueMissing: {
-			defaultMessage: 'Please fill out this field.',
-			checkbox: 'Please check this box if you want to proceed.'
-		}
-	}, (validityMessages['en'] || validityMessages['en-US'] || {}));
+	});		
 	
 	
-	['select', 'radio'].forEach(function(type){
-		if(typeof validityMessages['en'].valueMissing == 'object'){
-			validityMessages['en'].valueMissing[type] = 'Please select an option.';
+	webshims.onNodeNamesPropertyModify('track', 'src', function(val){
+		if(val){
+			var data = webshims.data(this, 'trackData');
+			var media;
+			if(data){
+				media = $(this).closest('video, audio');
+				if(media[0]){
+					mediaelement.loadTextTrack(media, this, data);
+				}
+			}
 		}
+		
 	});
 	
-	['date', 'time', 'datetime-local'].forEach(function(type){
-		if(typeof validityMessages['en'].rangeUnderflow == 'object'){
-			validityMessages.en.rangeUnderflow[type] = 'Value must be at or after {%min}.';
-		}
-	});
-	['date', 'time', 'datetime-local'].forEach(function(type){
-		if(typeof validityMessages['en'].rangeOverflow == 'object'){
-			validityMessages.en.rangeOverflow[type] = 'Value must be at or before {%max}.';
-		}
-	});
+	//
 	
-	validityMessages['en-US'] = validityMessages['en-US'] || validityMessages['en'];
-	validityMessages[''] = validityMessages[''] || validityMessages['en-US'];
-	
-	validityMessages['de'] = $.extend(true, {
-		typeMismatch: {
-			email: '{%value} ist keine zulässige E-Mail-Adresse',
-			url: '{%value} ist keine zulässige Webadresse',
-			number: '{%value} ist keine Nummer!',
-			date: '{%value} ist kein Datum',
-			time: '{%value} ist keine Uhrzeit',
-			range: '{%value} ist keine Nummer!',
-			"datetime-local": '{%value} ist kein Datum-Uhrzeit Format.'
+	webshims.defineNodeNamesProperties(['track'], {
+		ERROR: {
+			value: 3
 		},
-		rangeUnderflow: {
-			defaultMessage: '{%value} ist zu niedrig. {%min} ist der unterste Wert, den Sie benutzen können.'
+		LOADED: {
+			value: 2
 		},
-		rangeOverflow: {
-			defaultMessage: '{%value} ist zu hoch. {%max} ist der oberste Wert, den Sie benutzen können.'
+		LOADING: {
+			value: 1
 		},
-		stepMismatch: 'Der Wert {%value} ist in diesem Feld nicht zulässig. Hier sind nur bestimmte Werte zulässig. {%title}',
-		tooLong: 'Der eingegebene Text ist zu lang! Sie haben {%valueLen} Zeichen eingegeben, dabei sind {%maxlength} das Maximum.',
-		patternMismatch: '{%value} hat für dieses Eingabefeld ein falsches Format! {%title}',
-		valueMissing: {
-			defaultMessage: 'Bitte geben Sie einen Wert ein',
-			checkbox: 'Bitte aktivieren Sie das Kästchen'
+		NONE: {
+			value: 0
+		},
+		readyState: {
+			get: function(){
+				return ($.prop(this, 'track') || {readyState: 0}).readyState;
+			},
+			writeable: false
+		},
+		track: {
+			get: function(){
+				return mediaelement.createTextTrack($(this).closest('audio, video')[0], this);
+			},
+			writeable: false
 		}
-	}, (validityMessages['de'] || {}));
+	}, 'prop');
 	
-	['select', 'radio'].forEach(function(type){
-		if(typeof validityMessages['de'].valueMissing == 'object'){
-			validityMessages['de'].valueMissing[type] = 'Bitte wählen Sie eine Option aus';
+	webshims.defineNodeNamesProperties(['audio', 'video'], {
+		textTracks: {
+			get: function(){
+				var media = this;
+				var baseData = webshims.data(media, 'mediaelementBase') || webshims.data(media, 'mediaelementBase', {});
+				var tracks = mediaelement.createTrackList(media, baseData);
+				if(!baseData.blockTrackListUpdate){
+					updateMediaTrackList.call(media, baseData, tracks);
+				}
+				return tracks;
+			},
+			writeable: false
+		},
+		addTextTrack: {
+			value: function(kind, label, lang){
+				var textTrack = mediaelement.createTextTrack(this, {
+					kind: dummyTrack.prop('kind', kind || '').prop('kind'),
+					label: label || '',
+					srclang: lang || ''
+				});
+				var baseData = webshims.data(this, 'mediaelementBase') || webshims.data(this, 'mediaelementBase', {});
+				if (!baseData.scriptedTextTracks) {
+					baseData.scriptedTextTracks = [];
+				}
+				baseData.scriptedTextTracks.push(textTrack);
+				updateMediaTrackList.call(this);
+				return textTrack;
+			}
 		}
-	});
+	}, 'prop');
+
 	
-	['date', 'time', 'datetime-local'].forEach(function(type){
-		if(typeof validityMessages['de'].rangeUnderflow == 'object'){
-			validityMessages.de.rangeUnderflow[type] = '{%value} ist zu früh. {%min} ist die früheste Zeit, die Sie benutzen können.';
-		}
-	});
-	['date', 'time', 'datetime-local'].forEach(function(type){
-		if(typeof validityMessages['de'].rangeOverflow == 'object'){
-			validityMessages.de.rangeOverflow[type] = '{%value} ist zu spät. {%max} ist die späteste Zeit, die Sie benutzen können.';
+	$(document).on('emptied ended updatetracklist', function(e){
+		if($(e.target).is('audio, video')){
+			var baseData = webshims.data(e.target, 'mediaelementBase');
+			if(baseData){
+				clearTimeout(baseData.updateTrackListTimer);
+				baseData.updateTrackListTimer = setTimeout(function(){
+					updateMediaTrackList.call(e.target, baseData);
+				}, 0);
+			}
 		}
 	});
 	
-	var currentValidationMessage =  validityMessages[''];
-	
-	
-	webshims.createValidationMessage = function(elem, name){
-		var message = currentValidationMessage[name];
-		if(message && typeof message !== 'string'){
-			message = message[ $.prop(elem, 'type') ] || message[ (elem.nodeName || '').toLowerCase() ] || message[ 'defaultMessage' ];
+	var getNativeReadyState = function(trackElem, textTrack){
+		return textTrack.readyState || trackElem.readyState;
+	};
+	var stopOriginalEvent = function(e){
+		if(e.originalEvent){
+			e.stopImmediatePropagation();
 		}
-		if(message){
-			['value', 'min', 'max', 'title', 'maxlength', 'label'].forEach(function(attr){
-				if(message.indexOf('{%'+attr) === -1){return;}
-				var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.attr(elem, attr)) || '';
-				if(name == 'patternMismatch' && attr == 'title' && !val){
-					webshims.error('no title for patternMismatch provided. Always add a title attribute.');
+	};
+	var startTrackImplementation = function(){
+		if(webshims.implement(this, 'track')){
+			var shimedTrack = $.prop(this, 'track');
+			var origTrack = this.track;
+			var kind;
+			var readyState;
+			if(origTrack){
+				kind = $.prop(this, 'kind');
+				readyState = getNativeReadyState(this, origTrack);
+				if (origTrack.mode || readyState) {
+					shimedTrack.mode = numericModes[origTrack.mode] || origTrack.mode;
 				}
-				message = message.replace('{%'+ attr +'}', val);
-				if('value' == attr){
-					message = message.replace('{%valueLen}', val.length);
+				//disable track from showing + remove UI
+				if(kind != 'descriptions'){
+					origTrack.mode = (typeof origTrack.mode == 'string') ? 'disabled' : 0;
+					this.kind = 'metadata';
+					$(this).attr({kind: kind});
 				}
-			});
+				
+			}
+			$(this).on('load error', stopOriginalEvent);
 		}
-		return message || '';
 	};
-	
-	
-	if(webshims.bugs.validationMessage || !Modernizr.formvalidation || webshims.bugs.bustedValidity){
-		implementProperties.push('validationMessage');
-	}
-	
-	webshims.activeLang({
-		langObj: validityMessages, 
-		module: 'form-core', 
-		callback: function(langObj){
-			currentValidationMessage = langObj;
-		}
-	});
-	
-	implementProperties.forEach(function(messageProp){
-		webshims.defineNodeNamesProperty(['fieldset', 'output', 'button'], messageProp, {
-			prop: {
-				value: '',
-				writeable: false
-			}
-		});
-		['input', 'select', 'textarea'].forEach(function(nodeName){
-			var desc = webshims.defineNodeNameProperty(nodeName, messageProp, {
-				prop: {
-					get: function(){
-						var elem = this;
-						var message = '';
-						if(!$.prop(elem, 'willValidate')){
-							return message;
-						}
-						
-						var validity = $.prop(elem, 'validity') || {valid: 1};
-						
-						if(validity.valid){return message;}
-						message = webshims.getContentValidationMessage(elem, validity);
-						
-						if(message){return message;}
-						
-						if(validity.customError && elem.nodeName){
-							message = (Modernizr.formvalidation && !webshims.bugs.bustedValidity && desc.prop._supget) ? desc.prop._supget.call(elem) : webshims.data(elem, 'customvalidationMessage');
-							if(message){return message;}
-						}
-						$.each(validity, function(name, prop){
-							if(name == 'valid' || !prop){return;}
-							
-							message = webshims.createValidationMessage(elem, name);
-							if(message){
-								return false;
-							}
-						});
-						return message || '';
-					},
-					writeable: false
+	webshims.addReady(function(context, insertedElement){
+		var insertedMedia = insertedElement.filter('video, audio, track').closest('audio, video');
+		$('video, audio', context)
+			.add(insertedMedia)
+			.each(function(){
+				updateMediaTrackList.call(this);
+			})
+			.each(function(){
+				if(Modernizr.track){
+					var shimedTextTracks = $.prop(this, 'textTracks');
+					var origTextTracks = this.textTracks;
+					if(shimedTextTracks.length != origTextTracks.length){
+						webshims.error("textTracks couldn't be copied");
+					}
+					
+					$('track', this).each(startTrackImplementation);
 				}
-			});
+			})
+		;
+		insertedMedia.each(function(){
+			var media = this;
+			var baseData = webshims.data(media, 'mediaelementBase');
+			if(baseData){
+				clearTimeout(baseData.updateTrackListTimer);
+				baseData.updateTrackListTimer = setTimeout(function(){
+					updateMediaTrackList.call(media, baseData);
+				}, 9);
+			}
 		});
-		
 	});
+	
+	if(Modernizr.track){
+		$('video, audio').trigger('trackapichange');
+	}
 });