Strobe Media Playback SVN

var strobeMediaPlayback = function () {
	var settings = {
		"tablet": {
			"thumbSize": {"width":480, "height":268}
		},
		"smartphone": {
			"thumbSize": {"width":120, "height":67}
		},
		"default": {
			"thumbSize": {"width":480, "height":268}
		}
	};
	
	function getThumbSize(deviceType) {
		if (deviceType in settings) {
			return settings[deviceType]["thumbSize"];
		}
		else {
			return settings["default"]["thumbSize"];
		}
	}
	
	return { 
		settings: function(object) {
			settings = object;
		},
		draw: function(object) {
			if (object) {
				var agent = window.location.hash.replace(/^#/, "");
				new DeviceDetection(agent).addCallback(onDeviceDetection).addProfiles(profiles).detect();
				
				function onDeviceDetection(device) {
					var thumbSize = getThumbSize(device.getProfile().type);
					if (device.profileDetected() && device.useFlash()) {
						var flashvars = {};
						if(device.getProfile().type == "tablet" || device.getProfile().type == "smartphone"){
							flashvars.skin = "skins/"+device.getProfile().type+"-skin.xml";
							flashvars.controlBarType = device.getProfile().type;
							flashvars.playButtonOverlay = false;
						}
						var params = {	movie: "StrobeMediaPlayback.swf",
										allowfullscreen: "true",
										allowscriptaccess: "always"};
						var attributes = {};
						
						$("#" + object["element"]).parent().css("width",thumbSize["width"]);
						$("#" + object["element"]).parent().css("height",thumbSize["height"]);
						
						flashvars.src = object["url"];
						flashvars.poster = object["poster"];
						
						swfobject.embedSWF(
							"StrobeMediaPlayback.swf", 
							object["element"], 
							thumbSize["width"], 
							thumbSize["height"], 
							"10.1.0", 
							"", 
							flashvars, 
							params, 
							attributes
						);
					}
					else {
						var html5divs = 
							'<div class="html5player">' + 
								'<div class="errorwindow"></div>' +
								'<div class="controls">' +
									'<div class="icon playtoggle">Play/Pause</div>' +
									'<div class="timestamp current">0:00</div>' +
									'<div class="progress">' +
										'<a class="slider"></a>' +
										'<div class="tracks">' +
											'<div class="seeking"></div>' + 
											'<div class="played"></div>' +
											'<div class="buffered"></div>' +
										'</div>' +
									'</div>' +
									'<div class="timestamp duration">0:00</div>' +
									'<div class="icon fullview">Full View</div>' +
								'</div>' +
								'<video width="' + thumbSize["width"] + '" preload="none" poster="' + object["poster"] + '">' +
									'<source src="' + object["url"] + '" />' +
								'</video>' +
							'</div>';
						$("#" + object["element"]).html(html5divs);
						$("#" + object["element"] + " .html5player").strobemediaplaybackhtml5();
					}
				}
			}
		}
	}
}();