custom presentation

.gitignore

@@ -12,6 +12,7 @@
 
 /data/*
 !/data/nginx/
+!/data/presentation/
 
 /tmp*
 

data/presentation/0.81/acornmediaplayer/acornmediaplayer.base.css

@@ -0,0 +1,222 @@
+/*
+ * Acorn Media Player - jQuery plugin 1.0
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ * Base stylesheet
+ *
+ */
+
+/* Main elements */
+.acorn-player, .acorn-controls {
+	position: relative;
+}
+.acorn-timer {
+	cursor: default;
+}
+.acorn-buffer {
+	width: 0px;
+}
+/* <video> */
+.acorn-player video {
+	background-color: #000;
+}
+/* <audio> */
+.acorn-player.audio-player {
+	width: 500px;
+}
+.acorn-player.audio-player audio {
+	display: none;
+}
+/* Captions and Transcript */
+.acorn-transcript {	
+	clear: both;
+	display: none;
+	
+	overflow: auto;
+	height: 15em;
+}
+.acorn-transcript-button {
+	display: none;
+}
+/* 
+ * Show the timings in square brackets before each "subtitle" in the transcript.
+ * Borrowed and adapted from Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
+ * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
+ */
+.acorn-transcript span {
+	display: block;
+	float: left;
+	width: 100%;
+	line-height: 1.5em;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+.acorn-transcript span:hover {
+	background-color: #cadde7 !important;
+	
+	font-weight: bold;
+}
+.acorn-transcript span:nth-of-type(even) {
+	background-color: #efefef;
+}
+.acorn-transcript [data-begin]:before {
+	display: block;
+	float: left;
+	content: " [" attr(data-begin) "s-" attr(data-end)"s]   ";
+	width: 15%;
+	padding: 0.2em 1.5em 0.2em 0.2em;	
+}
+.acorn-caption {
+	display: none;
+	position: absolute;
+	bottom: 75px;
+	width: 100%;
+	
+	text-align: center;
+}
+.acorn-caption-button {
+	display: none;
+}
+.acorn-caption-selector {
+	position: absolute;
+	display: none;
+	width: 170px;
+	padding: 5px;
+	height: 75px;
+	margin-bottom: 10px;
+	overflow: auto;
+	
+	background-color: #000;
+	border: 3px solid #fff;
+
+	z-index: 3;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	
+	-moz-box-shadow: 0px 1px 5px #000;
+	-webkit-box-shadow: 0px 1px 5px #000;
+	box-shadow: 0px 1px 5px #000;
+}
+.acorn-caption-selector label {
+	display: block;
+	
+	font-weight: bold;
+	color: #fff;
+}
+.acorn-caption-selector ul, .acorn-caption-selector li {
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+}
+/* Fullscreen Mode */
+.fullscreen-video {
+	position: fixed !important;
+	top: 0px;
+	left: 0px;
+	z-index: 99999 !important;
+	
+	background-color: #000;
+}
+.acorn-controls.fullscreen-controls {
+	position: fixed !important;
+	z-index: 100000 !important;
+}
+/* Loading */
+.show-loading .loading-media {
+	visibility: visible;
+}
+
+.loading-media {
+	visibility: hidden;
+	position: absolute;
+	left: 25%;
+	top: 50%;
+	width: 20px;
+	height: 20px;
+	margin-top: -10px;
+	margin-lefT: -10px;
+	
+	background-color: #000;
+	border: 5px solid #fff;
+	border-top: 5px solid rgba(0,0,0,0);
+	border-left: 5px solid rgba(0,0,0,0);
+	border-radius: 20px;
+	
+	animation: spin 1s infinite linear;
+	-o-animation: spin 1s infinite linear;
+	-moz-animation: spin 1s infinite linear;
+	-webkit-animation: spin 1s infinite linear;
+}
+
+@-o-keyframes spin {
+	0% { -o-transform:rotate(0deg); }
+	100% { -o-transform:rotate(360deg); }
+}
+@-ms-keyframes spin {
+	0% { -ms-transform:rotate(0deg); }
+	100% { -ms-transform:rotate(360deg); }
+}
+@-moz-keyframes spin {
+	0% { -moz-transform:rotate(0deg); }
+	100% { -moz-transform:rotate(360deg); }
+}
+@-webkit-keyframes spin {
+	0% { -webkit-transform:rotate(0deg); }
+	100% { -webkit-transform:rotate(360deg); }
+}
+@keyframes spin {
+	0% { transform:rotate(0deg); }
+	100% { transform:rotate(360deg); }
+}
+
+/* Controls overlay while loading */
+.show-loading .acorn-controls:after {
+	content: '';
+	position: absolute;
+	top: -2px; /* Slider handle goes above */
+	padding-bottom: 2px;
+	left: 0;
+	z-index: 10;
+	width: 100%;
+	height: 100%;
+	
+	background: #000;
+	opacity: 0.9;
+}
+
+/* Styles needed for the jQuery UI slider
+ * We're declaring these so we don't have to use jQuery UI's stylesheet
+ */
+a.ui-slider-handle {
+	position: absolute;
+	display: block;
+	margin-left: -0.6em;
+	z-index: 2;
+	cursor: default;
+	outline: none;
+}
+.ui-slider {
+	position: relative;
+}
+.ui-slider-range {
+	position: absolute;
+	display: block;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	bottom: 0;
+	border: none;
+	z-index: 1;
+}

data/presentation/0.81/acornmediaplayer/themes/access/acorn.access.css

@@ -0,0 +1,314 @@
+/*
+ * acccess - Accessible Theme for Acorn Media Player
+ * accesslight - Child theme of access
+ *
+ * To be used with the horizontal volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of access theme */
+.acorn-player.access {
+	float: left;
+	position: relative;
+	overflow: hidden;
+	
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.access video {
+	float: left;
+	clear: both;
+	background-color: #000;
+}
+/* Player Controls */
+.acorn-player.access .acorn-controls {
+	position: relative;	
+	float: left;
+	clear: both;
+	width: 100%;
+	padding-top: 15px;
+		
+	background-image: url(controls-background-dark.png);
+	background-position: bottom left;
+}
+/* <button>s */
+.acorn-player.access button {
+	position: relative;	
+	margin: 0;
+	padding-left: 25px;
+	height: 35px;
+	border: 1px solid #333;
+	background-color: #3F3F3F;
+	background-position: 5px center, top left;
+	background-repeat: no-repeat, repeat-x;	
+	
+	font-weight: bold;
+	color: #fff;
+	text-shadow: 0px -1px 1px #000;
+	
+	cursor: pointer;
+}
+.acorn-player.access button:hover, .acorn-player.access button:focus {
+	background-color: #044293;
+	background-position: 5px center, left -33px;
+}
+.acorn-player.access button:active {
+	top: 1px;	
+	box-shadow: inset 1px 1px 10px #000;
+}
+/* Playback Controls(Play, Pause) */
+.acorn-player.access .acorn-play-button {
+	float: left;
+	display: block;
+	width: 75px;
+	background-image: url(access-play.png), url(button-background-dark.png);
+}
+.acorn-player.access .acorn-paused-button {
+	background-image: url(access-pause.png), url(button-background-dark.png);
+}
+/* Seek Slider */
+.acorn-player.access .acorn-seek-slider {
+	position:absolute;
+	top: 0px;
+	display: block;
+	width: 100%;
+	height: 15px;
+		
+	background: #7289A8;
+	z-index: 2;
+}
+.acorn-player.access .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;
+	width: 13px;
+	height: 13px;
+	border: 3px solid #fff;
+	top: -2px;
+
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+	
+	-moz-box-shadow: 0px 2px 8px #000;
+	-webkit-box-shadow: 0px 2px 8px #000;
+	box-shadow: 0px 2px 8px #000;
+	
+	background: #888;
+}
+.acorn-player.access .acorn-seek-slider .ui-slider-range {	
+	background: #0750B2;	
+}
+.acorn-player.access .acorn-buffer {	
+	background: #8E9DAF !important;	
+}
+.acorn-player.access .acorn-seek-slider .ui-state-focus, .acorn-player.access .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #0750B2 !important;
+	
+	-moz-box-shadow: 0px 2px 15px #000;
+	-webkit-box-shadow: 0px 2px 15px #000;
+	box-shadow: 0px 2px 15px #000;
+}
+/* Timer */
+.acorn-player.access .acorn-timer {
+	position: absolute;
+	top: 25px;
+	left: 260px;
+	
+	color: #efefef;
+	font-size: 14px;
+	font-weight: bold;
+	text-shadow: 0px -1px 2px #000;
+}
+/* Volume Container */
+.acorn-player.access .acorn-volume-box {
+	float: left;
+	overflow: hidden;
+	padding-right: 10px;
+	
+	-moz-box-shadow: 2px 0px 5px #111;
+	-webkit-box-shadow: 2px 0px 5px #111;
+	box-shadow: 2px 0px 5px #111;
+}
+/* Volume Button */
+.acorn-player.access .acorn-volume-button {
+	float: left;
+	width: 85px;
+	border-left: none;
+	background-image: url(access-volume-full.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: 2px 0px 5px #111;
+	-webkit-box-shadow: 2px 0px 5px #111;
+	box-shadow: 2px 0px 5px #111;
+}
+.acorn-player.access .acorn-volume-mute {
+	background-image: url(access-volume.png), url(button-background-dark.png);
+}
+/* Volume Slider */
+.acorn-player.access .acorn-volume-slider {
+	float: left;
+	height: 5px;
+	width: 70px;
+	margin-left: 10px;
+	margin-top: 15px;		
+	border: 1px solid #333;	
+	
+	background: #111;
+	
+	-moz-box-shadow: 0px 1px 1px #777;
+	-webkit-box-shadow: 0px 1px 1px #777;
+	box-shadow: 0px 1px 1px #777;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-handle {
+	width: 5px;
+	height: 15px;	
+	margin-top: -5px;
+	margin-left: -5px;
+	
+	border: 1px solid #333;
+	background: #BCBCBC;
+		
+	-moz-box-shadow: 0px 0px 5px #000;
+	-webkit-box-shadow: 0px 0px 5px #000;
+	box-shadow: 0px 0px 5px #000;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-hover, .acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-focus {
+	background: #fff !important;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-range {	
+	background: #636F7C;
+}
+/* Fullscreen Button */
+.acorn-player.access .acorn-fullscreen-button {
+	float: right;
+	background-image: url(access-fullscreen.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+/* Fullscreen Mode */
+.acorn-player.access .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+.acorn-player.access .fullscreen-controls .acorn-fullscreen-button {
+	background-image: url(access-exit-fullscreen.png), url(button-background-dark.png);
+}
+/* Caption Button */
+.acorn-player.access .acorn-caption-button {
+	float: right;
+	border-right: none;
+	background-image: url(access-captions.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+.acorn-player.access .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+	
+	text-shadow: 0px 1px 5px #000;
+}
+/* Transcript */
+.acorn-player.access .acorn-transcript-button {
+	float: right;
+	border-right: none;
+	background-image: url(access-transcript.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+.acorn-player.access .acorn-caption-active, .acorn-player.access .acorn-transcript-active {
+	background-position: 5px center, left bottom;
+}
+/* 
+ * acesslight Child Theme
+ */
+.acorn-player.access.accesslight .acorn-controls {
+	background-image: url(controls-background-light.png);
+}
+/* <button>s */
+.acorn-player.access.accesslight button {
+	border: 1px solid #bdbdbd;
+		
+	color: #333;
+	text-shadow: 0px 1px 0px #fff;
+}
+/* Playback Controls(Play, Pause) */
+.acorn-player.access.accesslight .acorn-play-button {
+	background-image: url(access-play-dark.png), url(button-background-light.png);
+}
+.acorn-player.access.accesslight .acorn-paused-button {
+	background-image: url(access-pause-dark.png), url(button-background-light.png);
+}
+/* Volume Button */
+.acorn-player.access.accesslight .acorn-volume-button {
+	background-image: url(access-volume-full-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: 2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
+	box-shadow: 2px 0px 5px #8c8c8c;
+}
+.acorn-player.access.accesslight .acorn-volume-mute {
+	background-image: url(access-volume-dark.png), url(button-background-light.png);
+}
+/* Caption Buttton */
+.acorn-player.access.accesslight .acorn-caption-button {
+	background-image: url(access-captions-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+/* Transcript */
+.acorn-player.access.accesslight .acorn-transcript-button {
+	background-image: url(access-transcript-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+.acorn-player.access.accesslight .acorn-caption-active, .acorn-player.access.accesslight .acorn-transcript-active {
+	color: #000;
+	text-shadow: none;
+}
+/* Fullscreen Button */
+.acorn-player.access.accesslight .acorn-fullscreen-button {	
+	background-image: url(access-fullscreen-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+/* Volume Container */
+.acorn-player.access.accesslight .acorn-volume-box {
+	-moz-box-shadow: 2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
+	box-shadow: 2px 0px 5px #8c8c8c;
+}
+/* Timer */
+.acorn-player.access.accesslight .acorn-timer {	
+	color: #333;
+	text-shadow: 0px 1px 2px #fff;
+}
+/* Volume Slider */
+.acorn-player.access.accesslight .acorn-volume-slider {
+	border: 1px solid #333;	
+	background: #c1c1c1;
+	
+	-moz-box-shadow: 0px 1px 1px #fff;
+	-webkit-box-shadow: 0px 1px 1px #fff;
+	box-shadow: 0px 1px 1px #fff;
+}

data/presentation/0.81/acornmediaplayer/themes/barebones/acorn.barebones.css

@@ -0,0 +1,143 @@
+/*
+ * barebones - Theme for Acorn Media Player 
+ * 
+ * To be used with the horizontal volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of barebones theme */
+.acorn-player.barebones {
+	float: left;
+	position: relative;
+	
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.barebones video {
+	float: left;
+	clear: both;
+	
+	margin-bottom: 5px;
+}
+/* Player Controls */
+.acorn-player.barebones .acorn-controls {
+	position: relative;
+	float: left;
+	clear: both;
+	
+	width: 100%;	
+}
+/* <button>s */
+.acorn-player.barebones button {	
+}
+/* Playback controls(Play, Pause) */
+.acorn-player.barebones .acorn-play-button {
+	float: left;
+}
+.acorn-player.barebones .acorn-paused-button {	
+}
+/* Seek Slider */
+.acorn-player.barebones .acorn-seek-slider {
+	position: relative;
+	display: block;
+	float: left;
+	width: 40%;
+	height: 10px;
+	margin: 6px 0px 0px 10px;
+	background: #ADADAD;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;	
+	width: 15px;
+	height: 15px;	
+	top: -3px;
+	background: #e6e6e6;
+	border: 1px solid #000;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-slider-range {		
+	background: #4cbae8;
+}
+.acorn-player.barebones .acorn-buffer {
+	background: #939393 !important;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-state-focus, .acorn-player.barebones .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #fff !important;
+}
+/* Timer */
+.acorn-player.barebones .acorn-timer {
+	float: left;
+	margin: 2px 0px 0px 5px;
+}
+/* Volume Box */
+.acorn-player.barebones .acorn-volume-box {	
+	float: left;
+	margin-left: 10px;
+}
+/* Volume Slider */
+.acorn-player.barebones .acorn-volume-slider {
+	float: left;
+	height: 10px;
+	width: 50px;
+	left: 4px;
+	margin: 6px 0px 0px 10px;
+	
+	background: #535353;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-handle {
+	width: 12px;
+	height: 12px;
+	left: -4px;
+	top: -2px;	
+	border: 1px solid #000;
+	background: #e6e6e6;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-handle.ui-state-hover {
+	background: #fff;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-range {	
+	background: #e6e6e6;
+}
+/* Volume Button */
+.acorn-player.barebones .acorn-volume-button {
+	float: left;
+}
+.acorn-player.barebones .acorn-volume-mute {
+}
+/* Fullscreen Button */
+.acorn-player.barebones .acorn-fullscreen-button {
+	float: right;
+}
+/* Fullscreen Mode */
+.acorn-player.barebones .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+/* Caption Button */
+.acorn-player.barebones .acorn-caption-button {
+	float: right;
+}
+.acorn-player.barebones .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+}
+.acorn-player.barebones .acorn-caption-active {
+	border: 2px solid #8F0000 !important;
+}
+.acorn-player.barebones .acorn-transcript-active {
+	border: 2px solid #8F0000 !important;
+}
+/* Transcript Button */
+.acorn-player.barebones .acorn-transcript-button {
+	float: right;
+}

data/presentation/0.81/acornmediaplayer/themes/darkglass/acorn.darkglass.css

@@ -0,0 +1,363 @@
+/*
+ * darkglass - Theme for Acorn Media Player
+ * darkglasssmall - Child theme of darkglass
+ *
+ * To be used with the vertical volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of darkglass theme */
+.acorn-player.darkglass {
+	float: left;
+	position: relative;	
+	padding: 2px;
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.darkglass video {
+	float: left;
+	clear: both;
+	margin-bottom: 5px;	
+}
+/* Audio player */
+/* 
+ * If you're playing <audio>, we're assigning a Width larger by 10%, because we're missing two buttons(Captions and Transcript)
+ * each with a 5% Width
+ */
+.acorn-player.darkglass.audio-player .acorn-seek-slider {
+	width: 82%;
+}
+/* Player Controls */
+.acorn-player.darkglass .acorn-controls {
+	position: relative;
+	float: left;
+	clear: both;
+	width: 95%;
+	padding-right: 5%;
+	padding-left: 1%;
+	border: 2px solid #61625d;	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	background: #000000;
+	background-image: -moz-linear-gradient(top, #313131, #000000);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));		
+}
+/* <button>s */
+.acorn-player.darkglass button {
+	position: relative;
+	height: 22px;	
+	width: 4%;
+	margin-right: 1%;
+	padding: 0px;
+	border: none;
+	background-color: transparent;
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: auto 100%;
+	
+	opacity: 0.7;
+	-moz-transition: all 0.2s ease-in-out;
+	-webkit-transition: all 0.2s ease-in-out;
+	-o-transition: all 0.2s ease-in-out;
+	transition: all 0.2s ease-in-out;
+	
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	
+	cursor: pointer;
+	text-indent: -9999px;
+}
+.acorn-player.darkglass button:hover, .acorn-player.darkglass button:focus {
+	opacity: 1;
+}
+.acorn-player.darkglass button:active {
+	top: 1px;	
+}
+/* Playback controls(Play, Pause) */
+.acorn-player.darkglass .acorn-play-button {
+	float: left;
+	display: block;
+	background-image: url(darkglass-play.png);
+}
+.acorn-player.darkglass .acorn-paused-button {
+	background-image: url(darkglass-pause.png);
+}
+/* Seek Slider */
+.acorn-player.darkglass .acorn-seek-slider {
+	position: relative;
+	display: block;
+	float: left;
+	width: 72%;
+	height: 10px;
+	margin: 5px 1% 0px 1%;
+	background: #7289A8;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;	
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;	
+	width: 15px;
+	height: 15px;
+	border: 1px solid #333;
+	top: -4px;
+	background: #e6e6e6;	
+
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-slider-range {		
+	background: #0750B2;
+	
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;
+}
+.acorn-player.darkglass .acorn-buffer {
+	background: #8E9DAF !important;
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-state-focus, .acorn-player.darkglass .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #fff !important;
+	
+	-moz-box-shadow: 0px 2px 15px #ff0000;
+	-webkit-box-shadow: 0px 2px 15px #ff0000;
+	box-shadow: 0px 2px 15px #ff0000;
+}
+/* Timer */
+.acorn-player.darkglass .acorn-timer {
+	float: left;
+	width: 6%;
+	overflow: hidden;
+	margin-top: 5px;	
+	
+	color: #999;
+	font-size: 0.7em;
+	font-weight: bold;
+}
+/* Volume Box */
+.acorn-player.darkglass .acorn-volume-box {
+	position: absolute;
+	float: left;
+	bottom: 0px;
+	right: 0px;
+	overflow: visible;
+	width: 5%;
+	height: 35px;
+	color: #fff;	
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.2s ease-in-out;
+	transition: all 0.1s ease-in-out;
+}
+.acorn-player.darkglass .acorn-volume-box:hover {
+	height: 135px;
+}
+.acorn-player.darkglass .acorn-volume-slider.handle-focused {
+	position: relative;
+	visibility: visible;
+	height: 100px;
+	opacity: 1;
+	top: -100px;
+}
+.acorn-player.darkglass .acorn-volume-box:hover .acorn-volume-slider {
+	position: relative;
+	visibility: visible;
+	height: 100px;
+	opacity: 1;
+	top: 0px;
+}
+/* Volume Slider */
+.acorn-player.darkglass .acorn-volume-slider {
+	position: relative;
+	height: 1px;
+	width: 7px;
+	left: 4px;
+	
+	visibility: visible;
+	opacity: 0;
+	
+	border: 1px solid #444;
+
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;
+	
+	background: #535353;
+	background-image: -moz-linear-gradient(top, #535353, #333333);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
+	
+	box-shadow: inset 0 3px 3px #333333;
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.1s ease-in-out;
+	transition: all 0.1s ease-in-out; 
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-handle {
+	width: 12px;
+	height: 12px;
+	left: -4px;
+	margin-bottom:-0.6em;
+	margin-left:0;
+	border: 1px solid #333;	
+
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;	
+	
+	background: #e6e6e6;
+	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
+	
+	box-shadow: inset 0 3px 3px #d5d5d5;	
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-handle:hover, .acorn-player.darkglass .acorn-volume-slider.handle-focused .ui-slider-handle {
+	background: #fff;
+
+	-moz-box-shadow: 0px 2px 15px #ff0000;
+	-webkit-box-shadow: 0px 2px 15px #ff0000;
+	box-shadow: 0px 2px 15px #ff0000;
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-range {
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;
+	
+	background: #e6e6e6;
+	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
+	
+	box-shadow: inset 0 3px 3px #d5d5d5;
+}
+/* Volume Button */
+.acorn-player.darkglass .acorn-volume-button {
+	position: absolute;	
+	bottom: 0px;
+	width: 100%;
+	display: block;	
+	background: url(darkglass-volume-full.png) no-repeat;
+	text-indent: -9999px;
+	
+	opacity: 0.8;
+}
+.acorn-player.darkglass .acorn-volume-button:active {
+	top: auto;
+}
+.acorn-player.darkglass .acorn-volume-mute {
+	background-image: url(darkglass-volume.png);
+}
+/* Swap Button */
+.acorn-player.darkglass .acorn-swap-button {
+	float: right;
+	background-image: url(darkglass-swap.png);
+}
+/* Fullscreen Button */
+.acorn-player.darkglass .acorn-fullscreen-button {
+	float: right;
+	background-image: url(darkglass-fullscreen.png);
+}
+/* Fullscreen Mode */
+.acorn-player.darkglass .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+.acorn-player.darkglass .fullscreen-controls button {
+	height: 35px;
+}
+.acorn-player.darkglass .fullscreen-controls .acorn-fullscreen-button {
+	background-image: url(darkglass-exit-fullscreen.png);
+}
+.acorn-player.darkglass .fullscreen-controls .acorn-seek-slider {
+	margin-top: 10px;
+}
+/* Caption Button */
+.acorn-player.darkglass .acorn-caption-button {
+	float: right;
+	background-image: url(darkglass-caption.png);
+}
+.acorn-player.darkglass .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+	
+	text-shadow: 0px 1px 5px #000;
+}
+.acorn-player.darkglass .acorn-caption-active {
+	background-color: #8F0000 !important;
+}
+.acorn-player.darkglass .acorn-transcript-active {
+	background-color: #8F0000 !important;
+}
+/* Transcript Button */
+.acorn-player.darkglass .acorn-transcript-button {
+	float: right;
+	background-image: url(darkglass-transcript.png);
+}
+/* 
+ * darkglasssmall Child Theme
+ */
+.acorn-player.darkglasssmall {
+	padding: 0px;
+}
+.acorn-player.darkglasssmall video:hover + .acorn-controls {
+	visibility: visible;
+	opacity: 0.7;
+}
+.acorn-player.darkglasssmall .acorn-controls:hover {
+	visibility: visible;
+	opacity: 0.7;
+}
+.acorn-player.darkglasssmall .acorn-controls {
+	position: absolute;	
+	bottom: 5%;
+	width: 87%;
+	margin-left: 2%;
+	padding: 2% 7% 2% 2%;
+	
+	border: 1px solid #2E2E2E;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	
+	background: #000000;
+	background-image: -moz-linear-gradient(top, #313131, #000000);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));
+	
+	opacity: 0;
+	visibility: hidden;	
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.1s ease-in-out;
+	transition: all 0.1s ease-in-out;
+}
+.acorn-player.darkglasssmall .acorn-volume-box {
+	margin-right: 2%;
+	margin-bottom: 2%;
+}
+/* Audio player */
+.acorn-player.darkglasssmall.audio-player .acorn-controls {
+	display: block;
+	position: relative;
+	visibility: visible;
+	opacity: 1;
+	margin-left: 0px;
+	width: 91%;
+	
+	border: none;
+}

data/presentation/0.81/css/bbb.playback.css

@@ -0,0 +1,247 @@
+/*
+
+BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
+
+Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
+
+This program is free software; you can redistribute it and/or modify it under the
+terms of the GNU Lesser General Public License as published by the Free Software
+Foundation; either version 3.0 of the License, or (at your option) any later
+version.
+
+BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License along
+with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+*/
+
+html{
+}
+body {
+	font-family: Verdana;
+	background: #fff;
+	padding-top: 30px;
+}
+h1 {
+	text-align:center
+}
+br{
+	display:none
+}
+
+/*
+ * clearfix
+ * see: http://css-tricks.com/snippets/css/clear-fix/
+ */
+.clearfix:after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: " ";
+	clear: both;
+	height: 0;
+}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+#playbackArea {
+	width: 1360px; /* #slide.width + #chat.width + #audioRecording.width */
+	height: 650px;
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+#audioRecordingWrapper{
+	float: left;
+	width: 800px;
+}
+
+#audioRecording{
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	width: 100%;
+}
+
+#audioRecordingWrapper .acorn-controls, #videoRecordingWrapper .acorn-controls{
+	position: relative;
+	top: 0;
+	left: -810px;
+	width: 730px;
+}
+
+#playbackControls{
+	width: 1360px;
+	margin: 0 auto;
+	margin-top: -50px;
+}
+
+#autoscrollWrapper{
+	float: left;
+	margin-left: 10px;
+	margin-top: 8px;
+	font-size: 14px;
+}
+
+.webcam{
+  width: 402px;
+  height: 300px;
+}
+
+#video{
+  width: 402px;
+  background: white;
+}
+
+/* To remove the white space on top of the audio tag in Firefox
+ * See: http://stackoverflow.com/questions/9527453/firefox-and-html5-audio-element-dont-play-well-together
+ */
+@-moz-document url-prefix() {
+	#audioRecordingWrapper{
+		position: relative;
+		height: 28px;
+	}
+	#audioRecording {
+		position: absolute;
+		bottom: 0;
+	}
+}
+
+#presentation {
+	float: left;
+	position: relative;
+	height: 600px;
+}
+
+#slide {
+	background-image: url('../logo.png');
+	text-align: center;
+	border: 0px solid #ccc;
+	width: 800px;
+	height: 600px; /* same as slide images */
+	position: relative;
+	top: -12px;
+}
+
+/* Visually hides text
+ * see: yaccessibilityblog.com/library/css-clip-hidden-content.html
+ */
+.visually-hidden {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+	clip: rect(1px, 1px, 1px, 1px);
+	padding: 0 !important;
+	border: 0 !important;
+	height: 1px !important;
+	width: 1px !important;
+	overflow: hidden;
+}
+
+#mediaArea {
+	float: right;
+	background: white;
+	width: 402px;
+}
+
+#chatAndMediaArea{
+	float: right;
+	background: white;
+	height: 600px;
+	width: 402px;
+}
+#chat{
+	margin: 0 auto;
+	padding: 0 10px;
+	border: 0px solid #ccc;
+	height: 300px;
+	overflow: auto;
+}
+#chat div{
+	padding:0px;
+	font-size:13px;
+}
+#big {display:none}
+#mid {display:none}
+
+#thumbnails {
+	float: left;
+	width: 130px;
+	height: 600px; /* same as #slide */
+	background: #fff;
+	border: 0px solid #bbb;
+	margin-right: 10px;
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+
+#thumbnails img.thumbnail {
+	width: 100px;
+	height: auto;
+	border: 0px solid #eee;
+	margin: 5px;
+	cursor: pointer;
+	vertical-align: bottom;
+}
+
+#thumbnails .thumbnail-wrapper {
+	position: relative;
+	margin: 0;
+	padding: 0;
+}
+
+#thumbnails .thumbnail-wrapper.active {
+	background-color: #D9EDF7;
+}
+
+#thumbnails .thumbnail-wrapper.active img.thumbnail {
+	border-color: #3A87AD;
+}
+
+#thumbnails .thumbnail-label {
+	color: #fff;
+	background: #3A87AD;
+	font-weight: bold;
+	font-size: 12px;
+	position: absolute;
+	bottom: 5px;
+	left: 5px;
+	max-width: 90px;
+	text-align: center;
+	display: none;
+	padding: 2px 5px;
+	cursor: pointer;
+}
+
+#accInfo{
+        margin: 20px auto;
+        font-size:0.75em;
+        text-align: center;
+        clear: both;
+	padding-top: 75px;
+}
+
+#footer{
+        margin: 20px auto;
+        font-size:0.75em;
+        color: #666;
+        text-align: center;
+        clear: both;
+	padding-top: 35px;
+}
+
+.circle {
+	height: 12px;
+	width: 12px;
+	border-radius: 50%;
+}
+
+
+#cursor {
+	position: relative;
+	background: red;
+	z-index: 10;
+}
+

data/presentation/0.81/lib/popcorn-complete.min.js

@@ -0,0 +1,160 @@
+/*
+ * popcorn.js version 1.3
+ * http://popcornjs.org
+ *
+ * Copyright 2011, Mozilla Foundation
+ * Licensed under the MIT license
+ */
+
+(function(r,f){function n(a,g){return function(){if(d.plugin.debug)return a.apply(this,arguments);try{return a.apply(this,arguments)}catch(l){d.plugin.errors.push({plugin:g,thrown:l,source:a.toString()});this.emit("pluginerror",d.plugin.errors)}}}if(f.addEventListener){var c=Array.prototype,b=Object.prototype,e=c.forEach,h=c.slice,i=b.hasOwnProperty,j=b.toString,p=r.Popcorn,m=[],o=false,q={events:{hash:{},apis:{}}},s=function(){return r.requestAnimationFrame||r.webkitRequestAnimationFrame||r.mozRequestAnimationFrame||
+r.oRequestAnimationFrame||r.msRequestAnimationFrame||function(a){r.setTimeout(a,16)}}(),d=function(a,g){return new d.p.init(a,g||null)};d.version="1.3";d.isSupported=true;d.instances=[];d.p=d.prototype={init:function(a,g){var l,k=this;if(typeof a==="function")if(f.readyState==="complete")a(f,d);else{m.push(a);if(!o){o=true;var t=function(){f.removeEventListener("DOMContentLoaded",t,false);for(var z=0,C=m.length;z<C;z++)m[z].call(f,d);m=null};f.addEventListener("DOMContentLoaded",t,false)}}else{if(typeof a===
+"string")try{l=f.querySelector(a)}catch(u){throw Error("Popcorn.js Error: Invalid media element selector: "+a);}this.media=l||a;l=this.media.nodeName&&this.media.nodeName.toLowerCase()||"video";this[l]=this.media;this.options=g||{};this.id=this.options.id||d.guid(l);if(d.byId(this.id))throw Error("Popcorn.js Error: Cannot use duplicate ID ("+this.id+")");this.isDestroyed=false;this.data={running:{cue:[]},timeUpdate:d.nop,disabled:{},events:{},hooks:{},history:[],state:{volume:this.media.volume},trackRefs:{},
+trackEvents:{byStart:[{start:-1,end:-1}],byEnd:[{start:-1,end:-1}],animating:[],startIndex:0,endIndex:0,previousUpdateTime:-1}};d.instances.push(this);var v=function(){if(k.media.currentTime<0)k.media.currentTime=0;k.media.removeEventListener("loadeddata",v,false);var z,C,E,B,w;z=k.media.duration;z=z!=z?Number.MAX_VALUE:z+1;d.addTrackEvent(k,{start:z,end:z});if(k.options.frameAnimation){k.data.timeUpdate=function(){d.timeUpdate(k,{});d.forEach(d.manifest,function(D,F){if(C=k.data.running[F]){B=C.length;
+for(var I=0;I<B;I++){E=C[I];(w=E._natives)&&w.frame&&w.frame.call(k,{},E,k.currentTime())}}});k.emit("timeupdate");!k.isDestroyed&&s(k.data.timeUpdate)};!k.isDestroyed&&s(k.data.timeUpdate)}else{k.data.timeUpdate=function(D){d.timeUpdate(k,D)};k.isDestroyed||k.media.addEventListener("timeupdate",k.data.timeUpdate,false)}};Object.defineProperty(this,"error",{get:function(){return k.media.error}});k.media.readyState>=2?v():k.media.addEventListener("loadeddata",v,false);return this}}};d.p.init.prototype=
+d.p;d.byId=function(a){for(var g=d.instances,l=g.length,k=0;k<l;k++)if(g[k].id===a)return g[k];return null};d.forEach=function(a,g,l){if(!a||!g)return{};l=l||this;var k,t;if(e&&a.forEach===e)return a.forEach(g,l);if(j.call(a)==="[object NodeList]"){k=0;for(t=a.length;k<t;k++)g.call(l,a[k],k,a);return a}for(k in a)i.call(a,k)&&g.call(l,a[k],k,a);return a};d.extend=function(a){var g=h.call(arguments,1);d.forEach(g,function(l){for(var k in l)a[k]=l[k]});return a};d.extend(d,{noConflict:function(a){if(a)r.Popcorn=
+p;return d},error:function(a){throw Error(a);},guid:function(a){d.guid.counter++;return(a?a:"")+(+new Date+d.guid.counter)},sizeOf:function(a){var g=0,l;for(l in a)g++;return g},isArray:Array.isArray||function(a){return j.call(a)==="[object Array]"},nop:function(){},position:function(a){a=a.getBoundingClientRect();var g={},l=f.documentElement,k=f.body,t,u,v;t=l.clientTop||k.clientTop||0;u=l.clientLeft||k.clientLeft||0;v=r.pageYOffset&&l.scrollTop||k.scrollTop;l=r.pageXOffset&&l.scrollLeft||k.scrollLeft;
+t=Math.ceil(a.top+v-t);u=Math.ceil(a.left+l-u);for(var z in a)g[z]=Math.round(a[z]);return d.extend({},g,{top:t,left:u})},disable:function(a,g){if(!a.data.disabled[g]){a.data.disabled[g]=true;for(var l=a.data.running[g].length-1,k;l>=0;l--){k=a.data.running[g][l];k._natives.end.call(a,null,k)}}return a},enable:function(a,g){if(a.data.disabled[g]){a.data.disabled[g]=false;for(var l=a.data.running[g].length-1,k;l>=0;l--){k=a.data.running[g][l];k._natives.start.call(a,null,k)}}return a},destroy:function(a){var g=
+a.data.events,l=a.data.trackEvents,k,t,u,v;for(t in g){k=g[t];for(u in k)delete k[u];g[t]=null}for(v in d.registryByName)d.removePlugin(a,v);l.byStart.length=0;l.byEnd.length=0;if(!a.isDestroyed){a.data.timeUpdate&&a.media.removeEventListener("timeupdate",a.data.timeUpdate,false);a.isDestroyed=true}}});d.guid.counter=1;d.extend(d.p,function(){var a={};d.forEach("load play pause currentTime playbackRate volume duration preload playbackRate autoplay loop controls muted buffered readyState seeking paused played seekable ended".split(/\s+/g),
+function(g){a[g]=function(l){var k;if(typeof this.media[g]==="function"){if(l!=null&&/play|pause/.test(g))this.media.currentTime=d.util.toSeconds(l);this.media[g]();return this}if(l!=null){k=this.media[g];this.media[g]=l;k!==l&&this.emit("attrchange",{attribute:g,previousValue:k,currentValue:l});return this}return this.media[g]}});return a}());d.forEach("enable disable".split(" "),function(a){d.p[a]=function(g){return d[a](this,g)}});d.extend(d.p,{roundTime:function(){return Math.round(this.media.currentTime)},
+exec:function(a,g,l){var k=arguments.length,t,u;try{u=d.util.toSeconds(a)}catch(v){}if(typeof u==="number")a=u;if(typeof a==="number"&&k===2){l=g;g=a;a=d.guid("cue")}else if(k===1)g=-1;else if(t=this.getTrackEvent(a)){if(typeof a==="string"&&k===2){if(typeof g==="number")l=t._natives.start;if(typeof g==="function"){l=g;g=t.start}}}else if(k>=2){if(typeof g==="string"){try{u=d.util.toSeconds(g)}catch(z){}g=u}if(typeof g==="number")l=d.nop();if(typeof g==="function"){l=g;g=-1}}d.addTrackEvent(this,
+{id:a,start:g,end:g+1,_running:false,_natives:{start:l||d.nop,end:d.nop,type:"cue"}});return this},mute:function(a){a=a==null||a===true?"muted":"unmuted";if(a==="unmuted"){this.media.muted=false;this.media.volume=this.data.state.volume}if(a==="muted"){this.data.state.volume=this.media.volume;this.media.muted=true}this.emit(a);return this},unmute:function(a){return this.mute(a==null?false:!a)},position:function(){return d.position(this.media)},toggle:function(a){return d[this.data.disabled[a]?"enable":
+"disable"](this,a)},defaults:function(a,g){if(d.isArray(a)){d.forEach(a,function(l){for(var k in l)this.defaults(k,l[k])},this);return this}if(!this.options.defaults)this.options.defaults={};this.options.defaults[a]||(this.options.defaults[a]={});d.extend(this.options.defaults[a],g);return this}});d.Events={UIEvents:"blur focus focusin focusout load resize scroll unload",MouseEvents:"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave click dblclick",Events:"loadstart progress suspend emptied stalled play pause error loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked timeupdate ended ratechange durationchange volumechange"};
+d.Events.Natives=d.Events.UIEvents+" "+d.Events.MouseEvents+" "+d.Events.Events;q.events.apiTypes=["UIEvents","MouseEvents","Events"];(function(a,g){for(var l=q.events.apiTypes,k=a.Natives.split(/\s+/g),t=0,u=k.length;t<u;t++)g.hash[k[t]]=true;l.forEach(function(v){g.apis[v]={};for(var z=a[v].split(/\s+/g),C=z.length,E=0;E<C;E++)g.apis[v][z[E]]=true})})(d.Events,q.events);d.events={isNative:function(a){return!!q.events.hash[a]},getInterface:function(a){if(!d.events.isNative(a))return false;var g=
+q.events,l=g.apiTypes;g=g.apis;for(var k=0,t=l.length,u,v;k<t;k++){v=l[k];if(g[v][a]){u=v;break}}return u},all:d.Events.Natives.split(/\s+/g),fn:{trigger:function(a,g){var l;if(this.data.events[a]&&d.sizeOf(this.data.events[a])){if(l=d.events.getInterface(a)){l=f.createEvent(l);l.initEvent(a,true,true,r,1);this.media.dispatchEvent(l);return this}d.forEach(this.data.events[a],function(k){k.call(this,g)},this)}return this},listen:function(a,g){var l=this,k=true,t=d.events.hooks[a],u;if(!this.data.events[a]){this.data.events[a]=
+{};k=false}if(t){t.add&&t.add.call(this,{},g);if(t.bind)a=t.bind;if(t.handler){u=g;g=function(v){t.handler.call(l,v,u)}}k=true;if(!this.data.events[a]){this.data.events[a]={};k=false}}this.data.events[a][g.name||g.toString()+d.guid()]=g;!k&&d.events.all.indexOf(a)>-1&&this.media.addEventListener(a,function(v){d.forEach(l.data.events[a],function(z){typeof z==="function"&&z.call(l,v)})},false);return this},unlisten:function(a,g){if(this.data.events[a]&&this.data.events[a][g]){delete this.data.events[a][g];
+return this}this.data.events[a]=null;return this}},hooks:{canplayall:{bind:"canplaythrough",add:function(a,g){var l=false;if(this.media.readyState){g.call(this,a);l=true}this.data.hooks.canplayall={fired:l}},handler:function(a,g){if(!this.data.hooks.canplayall.fired){g.call(this,a);this.data.hooks.canplayall.fired=true}}}}};d.forEach([["trigger","emit"],["listen","on"],["unlisten","off"]],function(a){d.p[a[0]]=d.p[a[1]]=d.events.fn[a[0]]});d.addTrackEvent=function(a,g){var l,k;if(g.id)l=a.getTrackEvent(g.id);
+if(l){k=true;g=d.extend({},l,g);a.removeTrackEvent(g.id)}if(g&&g._natives&&g._natives.type&&a.options.defaults&&a.options.defaults[g._natives.type])g=d.extend({},a.options.defaults[g._natives.type],g);if(g._natives){g._id=g.id||g._id||d.guid(g._natives.type);a.data.history.push(g._id)}g.start=d.util.toSeconds(g.start,a.options.framerate);g.end=d.util.toSeconds(g.end,a.options.framerate);var t=a.data.trackEvents.byStart,u=a.data.trackEvents.byEnd,v;for(v=t.length-1;v>=0;v--)if(g.start>=t[v].start){t.splice(v+
+1,0,g);break}for(t=u.length-1;t>=0;t--)if(g.end>u[t].end){u.splice(t+1,0,g);break}if(g.end>a.media.currentTime&&g.start<=a.media.currentTime){g._running=true;a.data.running[g._natives.type].push(g);a.data.disabled[g._natives.type]||g._natives.start.call(a,null,g)}v<=a.data.trackEvents.startIndex&&g.start<=a.data.trackEvents.previousUpdateTime&&a.data.trackEvents.startIndex++;t<=a.data.trackEvents.endIndex&&g.end<a.data.trackEvents.previousUpdateTime&&a.data.trackEvents.endIndex++;this.timeUpdate(a,
+null,true);g._id&&d.addTrackEvent.ref(a,g);if(k){k=g._natives.type==="cue"?"cuechange":"trackchange";a.emit(k,{id:g.id,previousValue:{time:l.start,fn:l._natives.start},currentValue:{time:g.start,fn:g._natives.start}})}};d.addTrackEvent.ref=function(a,g){a.data.trackRefs[g._id]=g;return a};d.removeTrackEvent=function(a,g){for(var l,k,t=a.data.history.length,u=a.data.trackEvents.byStart.length,v=0,z=0,C=[],E=[],B=[],w=[];--u>-1;){l=a.data.trackEvents.byStart[v];k=a.data.trackEvents.byEnd[v];if(!l._id){C.push(l);
+E.push(k)}if(l._id){l._id!==g&&C.push(l);k._id!==g&&E.push(k);if(l._id===g){z=v;l._natives._teardown&&l._natives._teardown.call(a,l)}}v++}u=a.data.trackEvents.animating.length;v=0;if(u)for(;--u>-1;){l=a.data.trackEvents.animating[v];l._id||B.push(l);l._id&&l._id!==g&&B.push(l);v++}z<=a.data.trackEvents.startIndex&&a.data.trackEvents.startIndex--;z<=a.data.trackEvents.endIndex&&a.data.trackEvents.endIndex--;a.data.trackEvents.byStart=C;a.data.trackEvents.byEnd=E;a.data.trackEvents.animating=B;for(u=
+0;u<t;u++)a.data.history[u]!==g&&w.push(a.data.history[u]);a.data.history=w;d.removeTrackEvent.ref(a,g)};d.removeTrackEvent.ref=function(a,g){delete a.data.trackRefs[g];return a};d.getTrackEvents=function(a){var g=[];a=a.data.trackEvents.byStart;for(var l=a.length,k=0,t;k<l;k++){t=a[k];t._id&&g.push(t)}return g};d.getTrackEvents.ref=function(a){return a.data.trackRefs};d.getTrackEvent=function(a,g){return a.data.trackRefs[g]};d.getTrackEvent.ref=function(a,g){return a.data.trackRefs[g]};d.getLastTrackEventId=
+function(a){return a.data.history[a.data.history.length-1]};d.timeUpdate=function(a,g){var l=a.media.currentTime,k=a.data.trackEvents.previousUpdateTime,t=a.data.trackEvents,u=t.endIndex,v=t.startIndex,z=t.byStart.length,C=t.byEnd.length,E=d.registryByName,B,w,D;if(k<=l){for(;t.byEnd[u]&&t.byEnd[u].end<=l;){B=t.byEnd[u];w=(k=B._natives)&&k.type;if(!k||E[w]||a[w]){if(B._running===true){B._running=false;D=a.data.running[w];D.splice(D.indexOf(B),1);if(!a.data.disabled[w]){k.end.call(a,g,B);a.emit("trackend",
+d.extend({},B,{plugin:w,type:"trackend"}))}}u++}else{d.removeTrackEvent(a,B._id);return}}for(;t.byStart[v]&&t.byStart[v].start<=l;){B=t.byStart[v];w=(k=B._natives)&&k.type;if(!k||E[w]||a[w]){if(B.end>l&&B._running===false){B._running=true;a.data.running[w].push(B);if(!a.data.disabled[w]){k.start.call(a,g,B);a.emit("trackstart",d.extend({},B,{plugin:w,type:"trackstart"}))}}v++}else{d.removeTrackEvent(a,B._id);return}}}else if(k>l){for(;t.byStart[v]&&t.byStart[v].start>l;){B=t.byStart[v];w=(k=B._natives)&&
+k.type;if(!k||E[w]||a[w]){if(B._running===true){B._running=false;D=a.data.running[w];D.splice(D.indexOf(B),1);if(!a.data.disabled[w]){k.end.call(a,g,B);a.emit("trackend",d.extend({},B,{plugin:w,type:"trackend"}))}}v--}else{d.removeTrackEvent(a,B._id);return}}for(;t.byEnd[u]&&t.byEnd[u].end>l;){B=t.byEnd[u];w=(k=B._natives)&&k.type;if(!k||E[w]||a[w]){if(B.start<=l&&B._running===false){B._running=true;a.data.running[w].push(B);if(!a.data.disabled[w]){k.start.call(a,g,B);a.emit("trackstart",d.extend({},
+B,{plugin:w,type:"trackstart"}))}}u--}else{d.removeTrackEvent(a,B._id);return}}}t.endIndex=u;t.startIndex=v;t.previousUpdateTime=l;t.byStart.length<z&&t.startIndex--;t.byEnd.length<C&&t.endIndex--};d.extend(d.p,{getTrackEvents:function(){return d.getTrackEvents.call(null,this)},getTrackEvent:function(a){return d.getTrackEvent.call(null,this,a)},getLastTrackEventId:function(){return d.getLastTrackEventId.call(null,this)},removeTrackEvent:function(a){d.removeTrackEvent.call(null,this,a);return this},
+removePlugin:function(a){d.removePlugin.call(null,this,a);return this},timeUpdate:function(a){d.timeUpdate.call(null,this,a);return this},destroy:function(){d.destroy.call(null,this);return this}});d.manifest={};d.registry=[];d.registryByName={};d.plugin=function(a,g,l){if(d.protect.natives.indexOf(a.toLowerCase())>=0)d.error("'"+a+"' is a protected function name");else{var k=["start","end"],t={},u=typeof g==="function",v=["_setup","_teardown","start","end","frame"],z=function(B,w){B=B||d.nop;w=w||
+d.nop;return function(){B.apply(this,arguments);w.apply(this,arguments)}};d.manifest[a]=l=l||g.manifest||{};v.forEach(function(B){g[B]=n(g[B]||d.nop,a)});var C=function(B,w){if(!w)return this;if(w.ranges&&d.isArray(w.ranges)){d.forEach(w.ranges,function(G){G=d.extend({},w,G);delete G.ranges;this[a](G)},this);return this}var D=w._natives={},F="",I;d.extend(D,B);w._natives.type=a;w._running=false;D.start=D.start||D["in"];D.end=D.end||D.out;if(w.once)D.end=z(D.end,function(){this.removeTrackEvent(w._id)});
+D._teardown=z(function(){var G=h.call(arguments),H=this.data.running[D.type];G.unshift(null);G[1]._running&&H.splice(H.indexOf(w),1)&&D.end.apply(this,G)},D._teardown);w.compose=w.compose&&w.compose.split(" ")||[];w.effect=w.effect&&w.effect.split(" ")||[];w.compose=w.compose.concat(w.effect);w.compose.forEach(function(G){F=d.compositions[G]||{};v.forEach(function(H){D[H]=z(D[H],F[H])})});w._natives.manifest=l;if(!("start"in w))w.start=w["in"]||0;if(!w.end&&w.end!==0)w.end=w.out||Number.MAX_VALUE;
+if(!i.call(w,"toString"))w.toString=function(){var G=["start: "+w.start,"end: "+w.end,"id: "+(w.id||w._id)];w.target!=null&&G.push("target: "+w.target);return a+" ( "+G.join(", ")+" )"};if(!w.target){I="options"in l&&l.options;w.target=I&&"target"in I&&I.target}if(w._natives)w._id=d.guid(w._natives.type);w._natives._setup&&w._natives._setup.call(this,w);d.addTrackEvent(this,w);d.forEach(B,function(G,H){H!=="type"&&k.indexOf(H)===-1&&this.on(H,G)},this);return this};d.p[a]=t[a]=function(B,w){var D;
+if(B&&!w)w=B;else if(D=this.getTrackEvent(B)){w=d.extend({},D,w);d.addTrackEvent(this,w);return this}else w.id=B;this.data.running[a]=this.data.running[a]||[];D=d.extend({},this.options.defaults&&this.options.defaults[a]||{},w);return C.call(this,u?g.call(this,D):g,D)};l&&d.extend(g,{manifest:l});var E={fn:t[a],definition:g,base:g,parents:[],name:a};d.registry.push(d.extend(t,E,{type:a}));d.registryByName[a]=E;return t}};d.plugin.errors=[];d.plugin.debug=d.version==="1.3";d.removePlugin=function(a,
+g){if(!g){g=a;a=d.p;if(d.protect.natives.indexOf(g.toLowerCase())>=0){d.error("'"+g+"' is a protected function name");return}var l=d.registry.length,k;for(k=0;k<l;k++)if(d.registry[k].name===g){d.registry.splice(k,1);delete d.registryByName[g];delete d.manifest[g];delete a[g];return}}l=a.data.trackEvents.byStart;k=a.data.trackEvents.byEnd;var t=a.data.trackEvents.animating,u,v;u=0;for(v=l.length;u<v;u++){if(l[u]&&l[u]._natives&&l[u]._natives.type===g){l[u]._natives._teardown&&l[u]._natives._teardown.call(a,
+l[u]);l.splice(u,1);u--;v--;if(a.data.trackEvents.startIndex<=u){a.data.trackEvents.startIndex--;a.data.trackEvents.endIndex--}}k[u]&&k[u]._natives&&k[u]._natives.type===g&&k.splice(u,1)}u=0;for(v=t.length;u<v;u++)if(t[u]&&t[u]._natives&&t[u]._natives.type===g){t.splice(u,1);u--;v--}};d.compositions={};d.compose=function(a,g,l){d.manifest[a]=l||g.manifest||{};d.compositions[a]=g};d.plugin.effect=d.effect=d.compose;var A=/^(?:\.|#|\[)/;d.dom={debug:false,find:function(a,g){var l=null;a=a.trim();g=
+g||f;if(a){if(!A.test(a)){l=f.getElementById(a);if(l!==null)return l}try{l=g.querySelector(a)}catch(k){if(d.dom.debug)throw Error(k);}}return l}};var y=/\?/,x={url:"",data:"",dataType:"",success:d.nop,type:"GET",async:true,xhr:function(){return new r.XMLHttpRequest}};d.xhr=function(a){a.dataType=a.dataType&&a.dataType.toLowerCase()||null;if(a.dataType&&(a.dataType==="jsonp"||a.dataType==="script"))d.xhr.getJSONP(a.url,a.success,a.dataType==="script");else{a=d.extend({},x,a);a.ajax=a.xhr();if(a.ajax){if(a.type===
+"GET"&&a.data){a.url+=(y.test(a.url)?"&":"?")+a.data;a.data=null}a.ajax.open(a.type,a.url,a.async);a.ajax.send(a.data||null);return d.xhr.httpData(a)}}};d.xhr.httpData=function(a){var g,l=null,k,t=null;a.ajax.onreadystatechange=function(){if(a.ajax.readyState===4){try{l=JSON.parse(a.ajax.responseText)}catch(u){}g={xml:a.ajax.responseXML,text:a.ajax.responseText,json:l};if(!g.xml||!g.xml.documentElement){g.xml=null;try{k=new DOMParser;t=k.parseFromString(a.ajax.responseText,"text/xml");if(!t.getElementsByTagName("parsererror").length)g.xml=
+t}catch(v){}}if(a.dataType)g=g[a.dataType];a.success.call(a.ajax,g)}};return g};d.xhr.getJSONP=function(a,g,l){var k=f.head||f.getElementsByTagName("head")[0]||f.documentElement,t=f.createElement("script"),u=false,v=[];v=/(=)\?(?=&|$)|\?\?/;var z,C;if(!l){C=a.match(/(callback=[^&]*)/);if(C!==null&&C.length){v=C[1].split("=")[1];if(v==="?")v="jsonp";z=d.guid(v);a=a.replace(/(callback=[^&]*)/,"callback="+z)}else{z=d.guid("jsonp");if(v.test(a))a=a.replace(v,"$1"+z);v=a.split(/\?(.+)?/);a=v[0]+"?";if(v[1])a+=
+v[1]+"&";a+="callback="+z}window[z]=function(E){g&&g(E);u=true}}t.addEventListener("load",function(){l&&g&&g();u&&delete window[z];k.removeChild(t)},false);t.src=a;k.insertBefore(t,k.firstChild)};d.getJSONP=d.xhr.getJSONP;d.getScript=d.xhr.getScript=function(a,g){return d.xhr.getJSONP(a,g,true)};d.util={toSeconds:function(a,g){var l=/^([0-9]+:){0,2}[0-9]+([.;][0-9]+)?$/,k,t,u;if(typeof a==="number")return a;typeof a==="string"&&!l.test(a)&&d.error("Invalid time format");l=a.split(":");k=l.length-
+1;t=l[k];if(t.indexOf(";")>-1){t=t.split(";");u=0;if(g&&typeof g==="number")u=parseFloat(t[1],10)/g;l[k]=parseInt(t[0],10)+u}k=l[0];return{1:parseFloat(k,10),2:parseInt(k,10)*60+parseFloat(l[1],10),3:parseInt(k,10)*3600+parseInt(l[1],10)*60+parseFloat(l[2],10)}[l.length||1]}};d.p.cue=d.p.exec;d.protect={natives:function(a){return Object.keys?Object.keys(a):function(g){var l,k=[];for(l in g)i.call(g,l)&&k.push(l);return k}(a)}(d.p).map(function(a){return a.toLowerCase()})};d.forEach({listen:"on",unlisten:"off",
+trigger:"emit",exec:"cue"},function(a,g){var l=d.p[g];d.p[g]=function(){if(typeof console!=="undefined"&&console.warn){console.warn("Deprecated method '"+g+"', "+(a==null?"do not use.":"use '"+a+"' instead."));d.p[g]=l}return d.p[a].apply(this,[].slice.call(arguments))}});r.Popcorn=d}else{r.Popcorn={isSupported:false};for(c="byId forEach extend effects error guid sizeOf isArray nop position disable enable destroyaddTrackEvent removeTrackEvent getTrackEvents getTrackEvent getLastTrackEventId timeUpdate plugin removePlugin compose effect xhr getJSONP getScript".split(/\s+/);c.length;)r.Popcorn[c.shift()]=
+function(){}}})(window,window.document);(function(r,f){var n=r.document,c=r.location,b=/:\/\//,e=c.href.replace(c.href.split("/").slice(-1)[0],""),h=function(j,p,m){j=j||0;p=(p||j||0)+1;m=m||1;p=Math.ceil((p-j)/m)||0;var o=0,q=[];for(q.length=p;o<p;){q[o++]=j;j+=m}return q};f.sequence=function(j,p){return new f.sequence.init(j,p)};f.sequence.init=function(j,p){this.parent=n.getElementById(j);this.seqId=f.guid("__sequenced");this.queue=[];this.playlist=[];this.inOuts={ofVideos:[],ofClips:[]};this.dims={width:0,height:0};this.active=0;this.playing=
+this.cycling=false;this.times={last:0};this.events={};var m=this,o=0;f.forEach(p,function(q,s){var d=n.createElement("video");d.preload="auto";d.controls=true;d.style.display=s&&"none"||"";d.id=m.seqId+"-"+s;m.queue.push(d);var A=q["in"],y=q.out;m.inOuts.ofVideos.push({"in":A!==undefined&&A||1,out:y!==undefined&&y||0});m.inOuts.ofVideos[s].out=m.inOuts.ofVideos[s].out||m.inOuts.ofVideos[s]["in"]+2;d.src=!b.test(q.src)?e+q.src:q.src;d.setAttribute("data-sequence-owner",j);d.setAttribute("data-sequence-guid",
+m.seqId);d.setAttribute("data-sequence-id",s);d.setAttribute("data-sequence-clip",[m.inOuts.ofVideos[s]["in"],m.inOuts.ofVideos[s].out].join(":"));m.parent.appendChild(d);m.playlist.push(f("#"+d.id))});m.inOuts.ofVideos.forEach(function(q){q={"in":o,out:o+(q.out-q["in"])};m.inOuts.ofClips.push(q);o=q.out+1});f.forEach(this.queue,function(q,s){function d(){if(!s){m.dims.width=q.videoWidth;m.dims.height=q.videoHeight}q.currentTime=m.inOuts.ofVideos[s]["in"]-0.5;q.removeEventListener("canplaythrough",
+d,false);return true}q.addEventListener("canplaythrough",d,false);q.addEventListener("play",function(){m.playing=true},false);q.addEventListener("pause",function(){m.playing=false},false);q.addEventListener("timeupdate",function(A){A=A.srcElement||A.target;A=+(A.dataset&&A.dataset.sequenceId||A.getAttribute("data-sequence-id"));var y=Math.floor(q.currentTime);if(m.times.last!==y&&A===m.active){m.times.last=y;y===m.inOuts.ofVideos[A].out&&f.sequence.cycle.call(m,A)}},false)});return this};f.sequence.init.prototype=
+f.sequence.prototype;f.sequence.cycle=function(j){this.queue||f.error("Popcorn.sequence.cycle is not a public method");var p=this.queue,m=this.inOuts.ofVideos,o=p[j],q=0,s;if(p[j+1])q=j+1;if(p[j+1]){p=p[q];m=m[q];f.extend(p,{width:this.dims.width,height:this.dims.height});s=this.playlist[q];o.pause();this.active=q;this.times.last=m["in"]-1;s.currentTime(m["in"]);s[q?"play":"pause"]();this.trigger("cycle",{position:{previous:j,current:q}});if(q){o.style.display="none";p.style.display=""}this.cycling=
+false}else this.playlist[j].pause();return this};var i=["timeupdate","play","pause"];f.extend(f.sequence.prototype,{eq:function(j){return this.playlist[j]},remove:function(){this.parent.innerHTML=null},clip:function(j){return this.inOuts.ofVideos[j]},duration:function(){for(var j=0,p=this.inOuts.ofClips,m=0;m<p.length;m++)j+=p[m].out-p[m]["in"]+1;return j-1},play:function(){this.playlist[this.active].play();return this},exec:function(j,p){var m=this.active;this.inOuts.ofClips.forEach(function(o,q){if(j>=
+o["in"]&&j<=o.out)m=q});j+=this.inOuts.ofVideos[m]["in"]-this.inOuts.ofClips[m]["in"];f.addTrackEvent(this.playlist[m],{start:j-1,end:j,_running:false,_natives:{start:p||f.nop,end:f.nop,type:"exec"}});return this},listen:function(j,p){var m=this,o=this.playlist,q=o.length,s=0;if(!p)p=f.nop;if(f.Events.Natives.indexOf(j)>-1)f.forEach(o,function(d){d.listen(j,function(A){A.active=m;if(i.indexOf(j)>-1)p.call(d,A);else++s===q&&p.call(d,A)})});else{this.events[j]||(this.events[j]={});o=p.name||f.guid("__"+
+j);this.events[j][o]=p}return this},unlisten:function(){},trigger:function(j,p){var m=this;if(!(f.Events.Natives.indexOf(j)>-1)){this.events[j]&&f.forEach(this.events[j],function(o){o.call(m,{type:j},p)});return this}}});f.forEach(f.manifest,function(j,p){f.sequence.prototype[p]=function(m){var o={},q=[],s,d,A,y,x;for(s=0;s<this.inOuts.ofClips.length;s++){q=this.inOuts.ofClips[s];d=h(q["in"],q.out);A=d.indexOf(m.start);y=d.indexOf(m.end);if(A>-1)o[s]=f.extend({},q,{start:d[A],clipIdx:A});if(y>-1)o[s]=
+f.extend({},q,{end:d[y],clipIdx:y})}s=Object.keys(o).map(function(g){return+g});q=h(s[0],s[1]);for(s=0;s<q.length;s++){A={};y=q[s];var a=o[y];if(a){x=this.inOuts.ofVideos[y];d=a.clipIdx;x=h(x["in"],x.out);if(a.start){A.start=x[d];A.end=x[x.length-1]}if(a.end){A.start=x[0];A.end=x[d]}}else{A.start=this.inOuts.ofVideos[y]["in"];A.end=this.inOuts.ofVideos[y].out}this.playlist[y][p](f.extend({},m,A))}return this}})})(this,Popcorn);(function(r){document.addEventListener("DOMContentLoaded",function(){var f=document.querySelectorAll("[data-timeline-sources]");r.forEach(f,function(n,c){var b=f[c],e,h,i;if(!b.id)b.id=r.guid("__popcorn");if(b.nodeType&&b.nodeType===1){i=r("#"+b.id);e=(b.getAttribute("data-timeline-sources")||"").split(",");e[0]&&r.forEach(e,function(j){h=j.split("!");if(h.length===1){h=j.match(/(.*)[\/\\]([^\/\\]+\.\w+)$/)[2].split(".");h[0]="parse"+h[1].toUpperCase();h[1]=j}e[0]&&i[h[0]]&&i[h[0]](h[1])});i.autoplay()&&
+i.play()}})},false)})(Popcorn);(function(r,f){function n(e){e=typeof e==="string"?e:[e.language,e.region].join("-");var h=e.split("-");return{iso6391:e,language:h[0]||"",region:h[1]||""}}var c=r.navigator,b=n(c.userLanguage||c.language);f.locale={get:function(){return b},set:function(e){b=n(e);f.locale.broadcast();return b},broadcast:function(e){var h=f.instances,i=h.length,j=0,p;for(e=e||"locale:changed";j<i;j++){p=h[j];e in p.data.events&&p.trigger(e)}}}})(this,this.Popcorn);(function(r){var f=Object.prototype.hasOwnProperty;r.parsers={};r.parser=function(n,c,b){if(r.protect.natives.indexOf(n.toLowerCase())>=0)r.error("'"+n+"' is a protected function name");else{if(typeof c==="function"&&!b){b=c;c=""}if(!(typeof b!=="function"||typeof c!=="string")){var e={};e[n]=function(h,i){if(!h)return this;var j=this;r.xhr({url:h,dataType:c,success:function(p){var m,o,q=0;p=b(p).data||[];if(m=p.length){for(;q<m;q++){o=p[q];for(var s in o)f.call(o,s)&&j[s]&&j[s](o[s])}i&&i()}}});
+return this};r.extend(r.p,e);return e}}}})(Popcorn);(function(r){var f=function(b,e){b=b||r.nop;e=e||r.nop;return function(){b.apply(this,arguments);e.apply(this,arguments)}},n=/^.*\.(ogg|oga|aac|mp3|wav)($|\?)/,c=/^.*\.(ogg|oga|aac|mp3|wav|ogg|ogv|mp4|webm)($|\?)/;r.player=function(b,e){if(!r[b]){e=e||{};var h=function(i,j,p){p=p||{};var m=new Date/1E3,o=m,q=0,s=0,d=1,A=false,y={},x=typeof i==="string"?r.dom.find(i):i,a={};Object.prototype.__defineGetter__||(a=x||document.createElement("div"));for(var g in x)if(!(g in a))if(typeof x[g]==="object")a[g]=
+x[g];else if(typeof x[g]==="function")a[g]=function(k){return"length"in x[k]&&!x[k].call?x[k]:function(){return x[k].apply(x,arguments)}}(g);else r.player.defineProperty(a,g,{get:function(k){return function(){return x[k]}}(g),set:r.nop,configurable:true});var l=function(){m=new Date/1E3;if(!a.paused){a.currentTime+=m-o;a.dispatchEvent("timeupdate");setTimeout(l,10)}o=m};a.play=function(){this.paused=false;if(a.readyState>=4){o=new Date/1E3;a.dispatchEvent("play");l()}};a.pause=function(){this.paused=
+true;a.dispatchEvent("pause")};r.player.defineProperty(a,"currentTime",{get:function(){return q},set:function(k){q=+k;a.dispatchEvent("timeupdate");return q},configurable:true});r.player.defineProperty(a,"volume",{get:function(){return d},set:function(k){d=+k;a.dispatchEvent("volumechange");return d},configurable:true});r.player.defineProperty(a,"muted",{get:function(){return A},set:function(k){A=+k;a.dispatchEvent("volumechange");return A},configurable:true});r.player.defineProperty(a,"readyState",
+{get:function(){return s},set:function(k){return s=k},configurable:true});a.addEventListener=function(k,t){y[k]||(y[k]=[]);y[k].push(t);return t};a.removeEventListener=function(k,t){var u,v=y[k];if(v){for(u=y[k].length-1;u>=0;u--)t===v[u]&&v.splice(u,1);return t}};a.dispatchEvent=function(k){var t,u=k.type;if(!u){u=k;if(k=r.events.getInterface(u)){t=document.createEvent(k);t.initEvent(u,true,true,window,1)}}if(y[u])for(k=y[u].length-1;k>=0;k--)y[u][k].call(this,t,this)};a.src=j||"";a.duration=0;a.paused=
+true;a.ended=0;p&&p.events&&r.forEach(p.events,function(k,t){a.addEventListener(t,k,false)});if(e._canPlayType(x.nodeName,j)!==false)if(e._setup)e._setup.call(a,p);else{a.readyState=4;a.dispatchEvent("loadedmetadata");a.dispatchEvent("loadeddata");a.dispatchEvent("canplaythrough")}else setTimeout(function(){a.dispatchEvent("error")},0);i=new r.p.init(a,p);if(e._teardown)i.destroy=f(i.destroy,function(){e._teardown.call(a,p)});return i};h.canPlayType=e._canPlayType=e._canPlayType||r.nop;r[b]=r.player.registry[b]=
+h}};r.player.registry={};r.player.defineProperty=Object.defineProperty||function(b,e,h){b.__defineGetter__(e,h.get||r.nop);b.__defineSetter__(e,h.set||r.nop)};r.player.playerQueue=function(){var b=[],e=false;return{next:function(){e=false;b.shift();b[0]&&b[0]()},add:function(h){b.push(function(){e=true;h&&h()});!e&&b[0]()}}};r.smart=function(b,e,h){var i=["AUDIO","VIDEO"],j,p=r.dom.find(b),m;j=document.createElement("video");var o={ogg:"video/ogg",ogv:"video/ogg",oga:"audio/ogg",webm:"video/webm",
+mp4:"video/mp4",mp3:"audio/mp3"};if(p){if(i.indexOf(p.nodeName)>-1&&!e){if(typeof e==="object")h=e;return r(p,h)}if(typeof e==="string")e=[e];b=0;for(srcLength=e.length;b<srcLength;b++){m=c.exec(e[b]);m=!m||!m[1]?false:j.canPlayType(o[m[1]]);if(m){e=e[b];break}for(var q in r.player.registry)if(r.player.registry.hasOwnProperty(q))if(r.player.registry[q].canPlayType(p.nodeName,e[b]))return r[q](p,e[b],h)}if(i.indexOf(p.nodeName)===-1){j=typeof e==="string"?e:e.length?e[0]:e;b=document.createElement(n.exec(j)?
+i[0]:i[1]);b.controls=true;p.appendChild(b);p=b}h&&h.events&&h.events.error&&p.addEventListener("error",h.events.error,false);p.src=e;return r(p,h)}else r.error("Specified target "+b+" was not found.")}})(Popcorn);(function(r){var f=function(n,c){var b=0,e=0,h;r.forEach(c.classes,function(i,j){h=[];if(i==="parent")h[0]=document.querySelectorAll("#"+c.target)[0].parentNode;else h=document.querySelectorAll("#"+c.target+" "+i);b=0;for(e=h.length;b<e;b++)h[b].classList.toggle(j)})};r.compose("applyclass",{manifest:{about:{name:"Popcorn applyclass Effect",version:"0.1",author:"@scottdowne",website:"scottdowne.wordpress.com"},options:{}},_setup:function(n){n.classes={};n.applyclass=n.applyclass||"";for(var c=n.applyclass.replace(/\s/g,
+"").split(","),b=[],e=0,h=c.length;e<h;e++){b=c[e].split(":");if(b[0])n.classes[b[0]]=b[1]||""}},start:f,end:f})})(Popcorn);(function(r){var f=/(?:http:\/\/www\.|http:\/\/|www\.|\.|^)(youtu|vimeo|soundcloud|baseplayer)/,n={},c={vimeo:false,youtube:false,soundcloud:false,module:false};Object.defineProperty(n,void 0,{get:function(){return c[void 0]},set:function(b){c[void 0]=b}});r.plugin("mediaspawner",{manifest:{about:{name:"Popcorn Media Spawner Plugin",version:"0.1",author:"Matthew Schranz, @mjschranz",website:"mschranz.wordpress.com"},options:{source:{elem:"input",type:"text",label:"Media Source","default":"http://www.youtube.com/watch?v=CXDstfD9eJ0"},
+caption:{elem:"input",type:"text",label:"Media Caption","default":"Popcorn Popping",optional:true},target:"mediaspawner-container",start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},autoplay:{elem:"input",type:"checkbox",label:"Autoplay Video",optional:true},width:{elem:"input",type:"number",label:"Media Width","default":400,units:"px",optional:true},height:{elem:"input",type:"number",label:"Media Height","default":200,units:"px",optional:true}}},_setup:function(b){function e(){function o(){if(j!==
+"HTML5"&&!window.Popcorn[j])setTimeout(function(){o()},300);else{b.id=b._container.id;b._container.style.width=b.width+"px";b._container.style.height=b.height+"px";b.popcorn=r.smart("#"+b.id,b.source);j==="HTML5"&&b.popcorn.controls(true);b._container.style.width="0px";b._container.style.height="0px";b._container.style.visibility="hidden";b._container.style.overflow="hidden"}}if(j!=="HTML5"&&!window.Popcorn[j]&&!n[j]){n[j]=true;r.getScript("http://popcornjs.org/code/players/"+j+"/popcorn."+j+".js",
+function(){o()})}else o()}function h(){window.Popcorn.player?e():setTimeout(function(){h()},300)}var i=document.getElementById(b.target)||{},j,p,m;if(p=f.exec(b.source)){j=p[1];if(j==="youtu")j="youtube"}else j="HTML5";b._type=j;b._container=document.createElement("div");p=b._container;p.id="mediaSpawnerdiv-"+r.guid();b.width=b.width||400;b.height=b.height||200;if(b.caption){m=document.createElement("div");m.innerHTML=b.caption;m.style.display="none";b._capCont=m;p.appendChild(m)}i&&i.appendChild(p);
+if(!window.Popcorn.player&&!n.module){n.module=true;r.getScript("http://popcornjs.org/code/modules/player/popcorn.player.js",h)}else h()},start:function(b,e){if(e._capCont)e._capCont.style.display="";e._container.style.width=e.width+"px";e._container.style.height=e.height+"px";e._container.style.visibility="visible";e._container.style.overflow="visible";e.autoplay&&e.popcorn.play()},end:function(b,e){if(e._capCont)e._capCont.style.display="none";e._container.style.width="0px";e._container.style.height=
+"0px";e._container.style.visibility="hidden";e._container.style.overflow="hidden";e.popcorn.pause()},_teardown:function(b){b.popcorn&&b.popcorn.destory&&b.popcorn.destroy();document.getElementById(b.target)&&document.getElementById(b.target).removeChild(b._container)}})})(Popcorn,this);(function(r){r.plugin("code",function(f){var n=false,c=this,b=function(){var e=function(h){return function(i,j){var p=function(){n&&i.call(c,j);n&&h(p)};p()}};return window.webkitRequestAnimationFrame?e(window.webkitRequestAnimationFrame):window.mozRequestAnimationFrame?e(window.mozRequestAnimationFrame):e(function(h){window.setTimeout(h,16)})}();if(!f.onStart||typeof f.onStart!=="function")f.onStart=r.nop;if(f.onEnd&&typeof f.onEnd!=="function")f.onEnd=undefined;if(f.onFrame&&typeof f.onFrame!==
+"function")f.onFrame=undefined;return{start:function(e,h){h.onStart.call(c,h);if(h.onFrame){n=true;b(h.onFrame,h)}},end:function(e,h){if(h.onFrame)n=false;h.onEnd&&h.onEnd.call(c,h)}}},{about:{name:"Popcorn Code Plugin",version:"0.1",author:"David Humphrey (@humphd)",website:"http://vocamus.net/dave"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},onStart:{elem:"input",type:"function",label:"onStart"},onFrame:{elem:"input",type:"function",label:"onFrame",
+optional:true},onEnd:{elem:"input",type:"function",label:"onEnd"}}})})(Popcorn);(function(r){var f=0;r.plugin("flickr",function(n){var c,b=document.getElementById(n.target),e,h,i,j,p=n.numberofimages||4,m=n.height||"50px",o=n.width||"50px",q=n.padding||"5px",s=n.border||"0px";c=document.createElement("div");c.id="flickr"+f;c.style.width="100%";c.style.height="100%";c.style.display="none";f++;b&&b.appendChild(c);var d=function(){if(e)setTimeout(function(){d()},5);else{h="http://api.flickr.com/services/rest/?method=flickr.people.findByUsername&";h+="username="+n.username+"&api_key="+
+n.apikey+"&format=json&jsoncallback=flickr";r.getJSONP(h,function(y){e=y.user.nsid;A()})}},A=function(){h="http://api.flickr.com/services/feeds/photos_public.gne?";if(e)h+="id="+e+"&";if(n.tags)h+="tags="+n.tags+"&";h+="lang=en-us&format=json&jsoncallback=flickr";r.xhr.getJSONP(h,function(y){var x=document.createElement("div");x.innerHTML="<p style='padding:"+q+";'>"+y.title+"<p/>";r.forEach(y.items,function(a,g){if(g<p){i=document.createElement("a");i.setAttribute("href",a.link);i.setAttribute("target",
+"_blank");j=document.createElement("img");j.setAttribute("src",a.media.m);j.setAttribute("height",m);j.setAttribute("width",o);j.setAttribute("style","border:"+s+";padding:"+q);i.appendChild(j);x.appendChild(i)}else return false});c.appendChild(x)})};if(n.username&&n.apikey)d();else{e=n.userid;A()}return{start:function(){c.style.display="inline"},end:function(){c.style.display="none"},_teardown:function(y){document.getElementById(y.target)&&document.getElementById(y.target).removeChild(c)}}},{about:{name:"Popcorn Flickr Plugin",
+version:"0.2",author:"Scott Downe, Steven Weerdenburg, Annasob",website:"http://scottdowne.wordpress.com/"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},userid:{elem:"input",type:"text",label:"User ID",optional:true},tags:{elem:"input",type:"text",label:"Tags"},username:{elem:"input",type:"text",label:"Username",optional:true},apikey:{elem:"input",type:"text",label:"API Key",optional:true},target:"flickr-container",height:{elem:"input",type:"text",
+label:"Height","default":"50px",optional:true},width:{elem:"input",type:"text",label:"Width","default":"50px",optional:true},padding:{elem:"input",type:"text",label:"Padding",optional:true},border:{elem:"input",type:"text",label:"Border","default":"5px",optional:true},numberofimages:{elem:"input",type:"number","default":4,label:"Number of Images"}}})})(Popcorn);(function(r){r.plugin("footnote",{manifest:{about:{name:"Popcorn Footnote Plugin",version:"0.2",author:"@annasob, @rwaldron",website:"annasob.wordpress.com"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},text:{elem:"input",type:"text",label:"Text"},target:"footnote-container"}},_setup:function(f){var n=r.dom.find(f.target);f._container=document.createElement("div");f._container.style.display="none";f._container.innerHTML=f.text;n.appendChild(f._container)},
+start:function(f,n){n._container.style.display="inline"},end:function(f,n){n._container.style.display="none"},_teardown:function(f){var n=r.dom.find(f.target);n&&n.removeChild(f._container)}})})(Popcorn);(function(r){function f(b){return String(b).replace(/&(?!\w+;)|[<>"']/g,function(e){return c[e]||e})}function n(b,e){var h=b.container=document.createElement("div"),i=h.style,j=b.media,p=function(){var m=b.position();i.fontSize="18px";i.width=j.offsetWidth+"px";i.top=m.top+j.offsetHeight-h.offsetHeight-40+"px";i.left=m.left+"px";setTimeout(p,10)};h.id=e||"";i.position="absolute";i.color="white";i.textShadow="black 2px 2px 6px";i.fontWeight="bold";i.textAlign="center";p();b.media.parentNode.appendChild(h);
+return h}var c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};r.plugin("text",{manifest:{about:{name:"Popcorn Text Plugin",version:"0.1",author:"@humphd"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},text:{elem:"input",type:"text",label:"Text","default":"Popcorn.js"},escape:{elem:"input",type:"checkbox",label:"Escape"},multiline:{elem:"input",type:"checkbox",label:"Multiline"}}},_setup:function(b){var e,h,i=b._container=document.createElement("div");
+i.style.display="none";if(b.target)if(e=r.dom.find(b.target)){if(["VIDEO","AUDIO"].indexOf(e.nodeName)>-1)e=n(this,b.target+"-overlay")}else e=n(this,b.target);else e=this.container?this.container:n(this);b._target=e;h=b.escape?f(b.text):b.text;h=b.multiline?h.replace(/\r?\n/gm,"<br>"):h;i.innerHTML=h||"";e.appendChild(i)},start:function(b,e){e._container.style.display="inline"},end:function(b,e){e._container.style.display="none"},_teardown:function(b){var e=b._target;e&&e.removeChild(b._container)}})})(Popcorn);var googleCallback;
+(function(r){function f(i,j,p){i=i.type?i.type.toUpperCase():"HYBRID";var m;if(i==="STAMEN-WATERCOLOR"||i==="STAMEN-TERRAIN"||i==="STAMEN-TONER")m=i.replace("STAMEN-","").toLowerCase();p=new google.maps.Map(p,{mapTypeId:m?m:google.maps.MapTypeId[i],mapTypeControlOptions:{mapTypeIds:[]}});m&&p.mapTypes.set(m,new google.maps.StamenMapType(m));p.getDiv().style.display="none";return p}var n=1,c=false,b=false,e,h;googleCallback=function(i){if(typeof google!=="undefined"&&google.maps&&google.maps.Geocoder&&
+google.maps.LatLng){e=new google.maps.Geocoder;r.getScript("//maps.stamen.com/js/tile.stamen.js",function(){b=true})}else setTimeout(function(){googleCallback(i)},1)};h=function(){if(document.body){c=true;r.getScript("//maps.google.com/maps/api/js?sensor=false&callback=googleCallback")}else setTimeout(function(){h()},1)};r.plugin("googlemap",function(i){var j,p,m,o=document.getElementById(i.target);i.type=i.type||"ROADMAP";i.zoom=i.zoom||1;i.lat=i.lat||0;i.lng=i.lng||0;c||h();j=document.createElement("div");
+j.id="actualmap"+n;j.style.width=i.width||"100%";j.style.height=i.height?i.height:o&&o.clientHeight?o.clientHeight+"px":"100%";n++;o&&o.appendChild(j);var q=function(){if(b){if(j)if(i.location)e.geocode({address:i.location},function(s,d){if(j&&d===google.maps.GeocoderStatus.OK){i.lat=s[0].geometry.location.lat();i.lng=s[0].geometry.location.lng();m=new google.maps.LatLng(i.lat,i.lng);p=f(i,m,j)}});else{m=new google.maps.LatLng(i.lat,i.lng);p=f(i,m,j)}}else setTimeout(function(){q()},5)};q();return{start:function(s,
+d){var A=this,y,x=function(){if(p){d._map=p;p.getDiv().style.display="block";google.maps.event.trigger(p,"resize");p.setCenter(m);if(d.zoom&&typeof d.zoom!=="number")d.zoom=+d.zoom;p.setZoom(d.zoom);if(d.heading&&typeof d.heading!=="number")d.heading=+d.heading;if(d.pitch&&typeof d.pitch!=="number")d.pitch=+d.pitch;if(d.type==="STREETVIEW"){p.setStreetView(y=new google.maps.StreetViewPanorama(j,{position:m,pov:{heading:d.heading=d.heading||0,pitch:d.pitch=d.pitch||0,zoom:d.zoom}}));var a=function(z,
+C){var E=google.maps.geometry.spherical.computeHeading;setTimeout(function(){var B=A.media.currentTime;if(typeof d.tween==="object"){for(var w=0,D=z.length;w<D;w++){var F=z[w];if(B>=F.interval*(w+1)/1E3&&(B<=F.interval*(w+2)/1E3||B>=F.interval*D/1E3)){u.setPosition(new google.maps.LatLng(F.position.lat,F.position.lng));u.setPov({heading:F.pov.heading||E(F,z[w+1])||0,zoom:F.pov.zoom||0,pitch:F.pov.pitch||0})}}a(z,z[0].interval)}else{w=0;for(D=z.length;w<D;w++){F=d.interval;if(B>=F*(w+1)/1E3&&(B<=F*
+(w+2)/1E3||B>=F*D/1E3)){g.setPov({heading:E(z[w],z[w+1])||0,zoom:d.zoom,pitch:d.pitch||0});g.setPosition(l[w])}}a(l,d.interval)}},C)};if(d.location&&typeof d.tween==="string"){var g=y,l=[],k=new google.maps.DirectionsService,t=new google.maps.DirectionsRenderer(g);k.route({origin:d.location,destination:d.tween,travelMode:google.maps.TravelMode.DRIVING},function(z,C){if(C==google.maps.DirectionsStatus.OK){t.setDirections(z);for(var E=z.routes[0].overview_path,B=0,w=E.length;B<w;B++)l.push(new google.maps.LatLng(E[B].lat(),
+E[B].lng()));d.interval=d.interval||1E3;a(l,10)}})}else if(typeof d.tween==="object"){var u=y;k=0;for(var v=d.tween.length;k<v;k++){d.tween[k].interval=d.tween[k].interval||1E3;a(d.tween,10)}}}d.onmaploaded&&d.onmaploaded(d,p)}else setTimeout(function(){x()},13)};x()},end:function(){if(p)p.getDiv().style.display="none"},_teardown:function(s){var d=document.getElementById(s.target);d&&d.removeChild(j);j=p=m=null;s._map=null}}},{about:{name:"Popcorn Google Map Plugin",version:"0.1",author:"@annasob",
+website:"annasob.wordpress.com"},options:{start:{elem:"input",type:"start",label:"Start"},end:{elem:"input",type:"start",label:"End"},target:"map-container",type:{elem:"select",options:["ROADMAP","SATELLITE","STREETVIEW","HYBRID","TERRAIN","STAMEN-WATERCOLOR","STAMEN-TERRAIN","STAMEN-TONER"],label:"Map Type",optional:true},zoom:{elem:"input",type:"text",label:"Zoom","default":0,optional:true},lat:{elem:"input",type:"text",label:"Lat",optional:true},lng:{elem:"input",type:"text",label:"Lng",optional:true},
+location:{elem:"input",type:"text",label:"Location","default":"Toronto, Ontario, Canada"},heading:{elem:"input",type:"text",label:"Heading","default":0,optional:true},pitch:{elem:"input",type:"text",label:"Pitch","default":1,optional:true}}})})(Popcorn);(function(r){function f(b){function e(){var p=b.getBoundingClientRect(),m=i.getBoundingClientRect();if(m.left!==p.left)i.style.left=p.left+"px";if(m.top!==p.top)i.style.top=p.top+"px"}var h=-1,i=document.createElement("div"),j=getComputedStyle(b).zIndex;i.setAttribute("data-popcorn-helper-container",true);i.style.position="absolute";i.style.zIndex=isNaN(j)?n:j+1;document.body.appendChild(i);return{element:i,start:function(){h=setInterval(e,c)},stop:function(){clearInterval(h);h=-1},destroy:function(){document.body.removeChild(i);
+h!==-1&&clearInterval(h)}}}var n=2E3,c=10;r.plugin("image",{manifest:{about:{name:"Popcorn image Plugin",version:"0.1",author:"Scott Downe",website:"http://scottdowne.wordpress.com/"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},src:{elem:"input",type:"url",label:"Image URL","default":"http://mozillapopcorn.org/wp-content/themes/popcorn/images/for_developers.png"},href:{elem:"input",type:"url",label:"Link","default":"http://mozillapopcorn.org/wp-content/themes/popcorn/images/for_developers.png",
+optional:true},target:"image-container",text:{elem:"input",type:"text",label:"Caption","default":"Popcorn.js",optional:true}}},_setup:function(b){var e=document.createElement("img"),h=document.getElementById(b.target);b.anchor=document.createElement("a");b.anchor.style.position="relative";b.anchor.style.textDecoration="none";b.anchor.style.display="none";if(h)if(["VIDEO","AUDIO"].indexOf(h.nodeName)>-1){b.trackedContainer=f(h);b.trackedContainer.element.appendChild(b.anchor)}else h&&h.appendChild(b.anchor);
+e.addEventListener("load",function(){e.style.borderStyle="none";b.anchor.href=b.href||b.src||"#";b.anchor.target="_blank";var i,j;e.style.height=h.style.height;e.style.width=h.style.width;b.anchor.appendChild(e);if(b.text){i=e.height/12+"px";j=document.createElement("div");r.extend(j.style,{color:"black",fontSize:i,fontWeight:"bold",position:"relative",textAlign:"center",width:e.style.width||e.width+"px",zIndex:"10"});j.innerHTML=b.text||"";j.style.top=(e.style.height.replace("px","")||e.height)/
+2-j.offsetHeight/2+"px";b.anchor.insertBefore(j,e)}},false);e.src=b.src},start:function(b,e){e.anchor.style.display="inline";e.trackedContainer&&e.trackedContainer.start()},end:function(b,e){e.anchor.style.display="none";e.trackedContainer&&e.trackedContainer.stop()},_teardown:function(b){if(b.trackedContainer)b.trackedContainer.destroy();else b.anchor.parentNode&&b.anchor.parentNode.removeChild(b.anchor)}})})(Popcorn);(function(r){var f=1,n=false;r.plugin("googlefeed",function(c){var b=function(){var j=false,p=0,m=document.getElementsByTagName("link"),o=m.length,q=document.head||document.getElementsByTagName("head")[0],s=document.createElement("link");if(window.GFdynamicFeedControl)n=true;else r.getScript("//www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js",function(){n=true});for(;p<o;p++)if(m[p].href==="//www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css")j=true;if(!j){s.type=
+"text/css";s.rel="stylesheet";s.href="//www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css";q.insertBefore(s,q.firstChild)}};window.google?b():r.getScript("//www.google.com/jsapi",function(){google.load("feeds","1",{callback:function(){b()}})});var e=document.createElement("div"),h=document.getElementById(c.target),i=function(){if(n)c.feed=new GFdynamicFeedControl(c.url,e,{vertical:c.orientation.toLowerCase()==="vertical"?true:false,horizontal:c.orientation.toLowerCase()==="horizontal"?
+true:false,title:c.title=c.title||"Blog"});else setTimeout(function(){i()},5)};if(!c.orientation||c.orientation.toLowerCase()!=="vertical"&&c.orientation.toLowerCase()!=="horizontal")c.orientation="vertical";e.style.display="none";e.id="_feed"+f;e.style.width="100%";e.style.height="100%";f++;h&&h.appendChild(e);i();return{start:function(){e.setAttribute("style","display:inline")},end:function(){e.setAttribute("style","display:none")},_teardown:function(j){document.getElementById(j.target)&&document.getElementById(j.target).removeChild(e);
+delete j.feed}}},{about:{name:"Popcorn Google Feed Plugin",version:"0.1",author:"David Seifried",website:"dseifried.wordpress.com"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},target:"feed-container",url:{elem:"input",type:"url",label:"Feed URL","default":"http://planet.mozilla.org/rss20.xml"},title:{elem:"input",type:"text",label:"Title","default":"Planet Mozilla",optional:true},orientation:{elem:"select",options:["Vertical","Horizontal"],
+label:"Orientation","default":"Vertical",optional:true}}})})(Popcorn);(function(r){var f=0,n=function(c,b){var e=c.container=document.createElement("div"),h=e.style,i=c.media,j=function(){var p=c.position();h.fontSize="18px";h.width=i.offsetWidth+"px";h.top=p.top+i.offsetHeight-e.offsetHeight-40+"px";h.left=p.left+"px";setTimeout(j,10)};e.id=b||r.guid();h.position="absolute";h.color="white";h.textShadow="black 2px 2px 6px";h.fontWeight="bold";h.textAlign="center";j();c.media.parentNode.appendChild(e);return e};r.plugin("subtitle",{manifest:{about:{name:"Popcorn Subtitle Plugin",
+version:"0.1",author:"Scott Downe",website:"http://scottdowne.wordpress.com/"},options:{start:{elem:"input",type:"text",label:"Start"},end:{elem:"input",type:"text",label:"End"},target:"subtitle-container",text:{elem:"input",type:"text",label:"Text"}}},_setup:function(c){var b=document.createElement("div");b.id="subtitle-"+f++;b.style.display="none";!this.container&&(!c.target||c.target==="subtitle-container")&&n(this);c.container=c.target&&c.target!=="subtitle-container"?document.getElementById(c.target)||
+n(this,c.target):this.container;document.getElementById(c.container.id)&&document.getElementById(c.container.id).appendChild(b);c.innerContainer=b;c.showSubtitle=function(){c.innerContainer.innerHTML=c.text||""}},start:function(c,b){b.innerContainer.style.display="inline";b.showSubtitle(b,b.text)},end:function(c,b){b.innerContainer.style.display="none";b.innerContainer.innerHTML=""},_teardown:function(c){c.container.removeChild(c.innerContainer)}})})(Popcorn);(function(r){var f=false;r.plugin("twitter",{manifest:{about:{name:"Popcorn Twitter Plugin",version:"0.1",author:"Scott Downe",website:"http://scottdowne.wordpress.com/"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},src:{elem:"input",type:"text",label:"Tweet Source (# or @)","default":"@popcornjs"},target:"twitter-container",height:{elem:"input",type:"number",label:"Height","default":"200",optional:true},width:{elem:"input",type:"number",label:"Width",
+"default":"250",optional:true}}},_setup:function(n){if(!window.TWTR&&!f){f=true;r.getScript("//widgets.twimg.com/j/2/widget.js")}var c=document.getElementById(n.target);n.container=document.createElement("div");n.container.setAttribute("id",r.guid());n.container.style.display="none";c&&c.appendChild(n.container);var b=n.src||"";c=n.width||250;var e=n.height||200,h=/^@/.test(b),i={version:2,id:n.container.getAttribute("id"),rpp:30,width:c,height:e,interval:6E3,theme:{shell:{background:"#ffffff",color:"#000000"},
+tweets:{background:"#ffffff",color:"#444444",links:"#1985b5"}},features:{loop:true,timestamp:true,avatars:true,hashtags:true,toptweets:true,live:true,scrollbar:false,behavior:"default"}},j=function(p){if(window.TWTR)if(h){i.type="profile";(new TWTR.Widget(i)).render().setUser(b).start()}else{i.type="search";i.search=b;i.subject=b;(new TWTR.Widget(i)).render().start()}else setTimeout(function(){j(p)},1)};j(this)},start:function(n,c){c.container.style.display="inline"},end:function(n,c){c.container.style.display=
+"none"},_teardown:function(n){document.getElementById(n.target)&&document.getElementById(n.target).removeChild(n.container)}})})(Popcorn);(function(r){r.plugin("webpage",{manifest:{about:{name:"Popcorn Webpage Plugin",version:"0.1",author:"@annasob",website:"annasob.wordpress.com"},options:{id:{elem:"input",type:"text",label:"Id",optional:true},start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},src:{elem:"input",type:"url",label:"Webpage URL","default":"http://mozillapopcorn.org"},target:"iframe-container"}},_setup:function(f){var n=document.getElementById(f.target);f.src=f.src.replace(/^(https?:)?(\/\/)?/,
+"//");f._iframe=document.createElement("iframe");f._iframe.setAttribute("width","100%");f._iframe.setAttribute("height","100%");f._iframe.id=f.id;f._iframe.src=f.src;f._iframe.style.display="none";n&&n.appendChild(f._iframe)},start:function(f,n){n._iframe.src=n.src;n._iframe.style.display="inline"},end:function(f,n){n._iframe.style.display="none"},_teardown:function(f){document.getElementById(f.target)&&document.getElementById(f.target).removeChild(f._iframe)}})})(Popcorn);var wikiCallback;
+(function(r){r.plugin("wikipedia",{manifest:{about:{name:"Popcorn Wikipedia Plugin",version:"0.1",author:"@annasob",website:"annasob.wordpress.com"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},lang:{elem:"input",type:"text",label:"Language","default":"english",optional:true},src:{elem:"input",type:"url",label:"Wikipedia URL","default":"http://en.wikipedia.org/wiki/Cat"},title:{elem:"input",type:"text",label:"Title","default":"Cats",optional:true},
+numberofwords:{elem:"input",type:"number",label:"Number of Words","default":"200",optional:true},target:"wikipedia-container"}},_setup:function(f){var n,c=r.guid();if(!f.lang)f.lang="en";f.numberofwords=f.numberofwords||200;window["wikiCallback"+c]=function(b){f._link=document.createElement("a");f._link.setAttribute("href",f.src);f._link.setAttribute("target","_blank");f._link.innerHTML=f.title||b.parse.displaytitle;f._desc=document.createElement("p");n=b.parse.text["*"].substr(b.parse.text["*"].indexOf("<p>"));
+n=n.replace(/((<(.|\n)+?>)|(\((.*?)\) )|(\[(.*?)\]))/g,"");n=n.split(" ");f._desc.innerHTML=n.slice(0,n.length>=f.numberofwords?f.numberofwords:n.length).join(" ")+" ...";f._fired=true};f.src&&r.getScript("//"+f.lang+".wikipedia.org/w/api.php?action=parse&props=text&redirects&page="+f.src.slice(f.src.lastIndexOf("/")+1)+"&format=json&callback=wikiCallback"+c)},start:function(f,n){var c=function(){if(n._fired){if(n._link&&n._desc)if(document.getElementById(n.target)){document.getElementById(n.target).appendChild(n._link);
+document.getElementById(n.target).appendChild(n._desc);n._added=true}}else setTimeout(function(){c()},13)};c()},end:function(f,n){if(n._added){document.getElementById(n.target).removeChild(n._link);document.getElementById(n.target).removeChild(n._desc)}},_teardown:function(f){if(f._added){f._link.parentNode&&document.getElementById(f.target).removeChild(f._link);f._desc.parentNode&&document.getElementById(f.target).removeChild(f._desc);delete f.target}}})})(Popcorn);(function(r){r.plugin("mustache",function(f){var n,c,b,e;r.getScript("http://mustache.github.com/extras/mustache.js");var h=!!f.dynamic,i=typeof f.template,j=typeof f.data,p=document.getElementById(f.target);f.container=p||document.createElement("div");if(i==="function")if(h)b=f.template;else e=f.template(f);else e=i==="string"?f.template:"";if(j==="function")if(h)n=f.data;else c=f.data(f);else c=j==="string"?JSON.parse(f.data):j==="object"?f.data:"";return{start:function(m,o){var q=function(){if(window.Mustache){if(n)c=
+n(o);if(b)e=b(o);var s=Mustache.to_html(e,c).replace(/^\s*/mg,"");o.container.innerHTML=s}else setTimeout(function(){q()},10)};q()},end:function(m,o){o.container.innerHTML=""},_teardown:function(){n=c=b=e=null}}},{about:{name:"Popcorn Mustache Plugin",version:"0.1",author:"David Humphrey (@humphd)",website:"http://vocamus.net/dave"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},target:"mustache-container",template:{elem:"input",type:"text",
+label:"Template"},data:{elem:"input",type:"text",label:"Data"},dynamic:{elem:"input",type:"checkbox",label:"Dynamic","default":true}}})})(Popcorn);(function(r){function f(c,b){if(c.map)c.map.div.style.display=b;else setTimeout(function(){f(c,b)},10)}var n=1;r.plugin("openmap",function(c){var b,e,h,i,j,p,m,o,q=document.getElementById(c.target);b=document.createElement("div");b.id="openmapdiv"+n;b.style.width="100%";b.style.height="100%";n++;q&&q.appendChild(b);o=function(){if(window.OpenLayers&&window.OpenLayers.Layer.Stamen){if(c.location){location=new OpenLayers.LonLat(0,0);r.getJSONP("//tinygeocoder.com/create-api.php?q="+c.location+"&callback=jsonp",
+function(d){e=new OpenLayers.LonLat(d[1],d[0])})}else e=new OpenLayers.LonLat(c.lng,c.lat);c.type=c.type||"ROADMAP";switch(c.type){case "SATELLITE":c.map=new OpenLayers.Map({div:b,maxResolution:0.28125,tileSize:new OpenLayers.Size(512,512)});var s=new OpenLayers.Layer.WorldWind("LANDSAT","//worldwind25.arc.nasa.gov/tile/tile.aspx",2.25,4,{T:"105"});c.map.addLayer(s);i=new OpenLayers.Projection("EPSG:4326");h=new OpenLayers.Projection("EPSG:4326");break;case "TERRAIN":i=new OpenLayers.Projection("EPSG:4326");
+h=new OpenLayers.Projection("EPSG:4326");c.map=new OpenLayers.Map({div:b,projection:h});s=new OpenLayers.Layer.WMS("USGS Terraserver","//terraserver-usa.org/ogcmap.ashx?",{layers:"DRG"});c.map.addLayer(s);break;case "STAMEN-TONER":case "STAMEN-WATERCOLOR":case "STAMEN-TERRAIN":s=c.type.replace("STAMEN-","").toLowerCase();s=new OpenLayers.Layer.Stamen(s);i=new OpenLayers.Projection("EPSG:4326");h=new OpenLayers.Projection("EPSG:900913");e=e.transform(i,h);c.map=new OpenLayers.Map({div:b,projection:h,
+displayProjection:i,controls:[new OpenLayers.Control.Navigation,new OpenLayers.Control.PanPanel,new OpenLayers.Control.ZoomPanel]});c.map.addLayer(s);break;default:h=new OpenLayers.Projection("EPSG:900913");i=new OpenLayers.Projection("EPSG:4326");e=e.transform(i,h);c.map=new OpenLayers.Map({div:b,projection:h,displayProjection:i});s=new OpenLayers.Layer.OSM;c.map.addLayer(s)}if(c.map){c.map.setCenter(e,c.zoom||10);c.map.div.style.display="none"}}else setTimeout(function(){o()},50)};o();return{_setup:function(s){window.OpenLayers||
+r.getScript("//openlayers.org/api/OpenLayers.js",function(){r.getScript("//maps.stamen.com/js/tile.stamen.js")});var d=function(){if(s.map){s.zoom=s.zoom||2;if(s.zoom&&typeof s.zoom!=="number")s.zoom=+s.zoom;s.map.setCenter(e,s.zoom);if(s.markers){var A=OpenLayers.Util.extend({},OpenLayers.Feature.Vector.style["default"]),y=function(v){clickedFeature=v.feature;if(clickedFeature.attributes.text){m=new OpenLayers.Popup.FramedCloud("featurePopup",clickedFeature.geometry.getBounds().getCenterLonLat(),
+new OpenLayers.Size(120,250),clickedFeature.attributes.text,null,true,function(){p.unselect(this.feature)});clickedFeature.popup=m;m.feature=clickedFeature;s.map.addPopup(m)}},x=function(v){feature=v.feature;if(feature.popup){m.feature=null;s.map.removePopup(feature.popup);feature.popup.destroy();feature.popup=null}},a=function(v){r.getJSONP("//tinygeocoder.com/create-api.php?q="+v.location+"&callback=jsonp",function(z){z=(new OpenLayers.Geometry.Point(z[1],z[0])).transform(i,h);var C=OpenLayers.Util.extend({},
+A);if(!v.size||isNaN(v.size))v.size=14;C.pointRadius=v.size;C.graphicOpacity=1;C.externalGraphic=v.icon;z=new OpenLayers.Feature.Vector(z,null,C);if(v.text)z.attributes={text:v.text};j.addFeatures([z])})};j=new OpenLayers.Layer.Vector("Point Layer",{style:A});s.map.addLayer(j);for(var g=0,l=s.markers.length;g<l;g++){var k=s.markers[g];if(k.text)if(!p){p=new OpenLayers.Control.SelectFeature(j);s.map.addControl(p);p.activate();j.events.on({featureselected:y,featureunselected:x})}if(k.location)a(k);
+else{var t=(new OpenLayers.Geometry.Point(k.lng,k.lat)).transform(i,h),u=OpenLayers.Util.extend({},A);if(!k.size||isNaN(k.size))k.size=14;u.pointRadius=k.size;u.graphicOpacity=1;u.externalGraphic=k.icon;t=new OpenLayers.Feature.Vector(t,null,u);if(k.text)t.attributes={text:k.text};j.addFeatures([t])}}}}else setTimeout(function(){d()},13)};d()},start:function(s,d){f(d,"block")},end:function(s,d){f(d,"none")},_teardown:function(){q&&q.removeChild(b);b=map=e=h=i=j=p=m=null}}},{about:{name:"Popcorn OpenMap Plugin",
+version:"0.3",author:"@mapmeld",website:"mapadelsur.blogspot.com"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},target:"map-container",type:{elem:"select",options:["ROADMAP","SATELLITE","TERRAIN"],label:"Map Type",optional:true},zoom:{elem:"input",type:"number",label:"Zoom","default":2},lat:{elem:"input",type:"text",label:"Lat",optional:true},lng:{elem:"input",type:"text",label:"Lng",optional:true},location:{elem:"input",type:"text",label:"Location",
+"default":"Toronto, Ontario, Canada"},markers:{elem:"input",type:"text",label:"List Markers",optional:true}}})})(Popcorn);document.addEventListener("click",function(r){r=r.target;if(r.nodeName==="A"||r.parentNode&&r.parentNode.nodeName==="A")Popcorn.instances.forEach(function(f){f.options.pauseOnLinkClicked&&f.pause()})},false);(function(r){var f={},n=0,c=document.createElement("span"),b=["webkit","Moz","ms","O",""],e=["Transform","TransitionDuration","TransitionTimingFunction"],h={},i;document.getElementsByTagName("head")[0].appendChild(c);for(var j=0,p=e.length;j<p;j++)for(var m=0,o=b.length;m<o;m++){i=b[m]+e[j];if(i in c.style){h[e[j].toLowerCase()]=i;break}}document.getElementsByTagName("head")[0].appendChild(c);r.plugin("wordriver",{manifest:{about:{name:"Popcorn WordRiver Plugin"},options:{start:{elem:"input",type:"number",
+label:"Start"},end:{elem:"input",type:"number",label:"End"},target:"wordriver-container",text:{elem:"input",type:"text",label:"Text","default":"Popcorn.js"},color:{elem:"input",type:"text",label:"Color","default":"Green",optional:true}}},_setup:function(q){q._duration=q.end-q.start;var s;if(!(s=f[q.target])){s=q.target;f[s]=document.createElement("div");var d=document.getElementById(s);d&&d.appendChild(f[s]);f[s].style.height="100%";f[s].style.position="relative";s=f[s]}q._container=s;q.word=document.createElement("span");
+q.word.style.position="absolute";q.word.style.whiteSpace="nowrap";q.word.style.opacity=0;q.word.style.MozTransitionProperty="opacity, -moz-transform";q.word.style.webkitTransitionProperty="opacity, -webkit-transform";q.word.style.OTransitionProperty="opacity, -o-transform";q.word.style.transitionProperty="opacity, transform";q.word.style[h.transitionduration]="1s, "+q._duration+"s";q.word.style[h.transitiontimingfunction]="linear";q.word.innerHTML=q.text;q.word.style.color=q.color||"black"},start:function(q,
+s){s._container.appendChild(s.word);s.word.style[h.transform]="";s.word.style.fontSize=~~(30+20*Math.random())+"px";n%=s._container.offsetWidth-s.word.offsetWidth;s.word.style.left=n+"px";n+=s.word.offsetWidth+10;s.word.style[h.transform]="translateY("+(s._container.offsetHeight-s.word.offsetHeight)+"px)";s.word.style.opacity=1;setTimeout(function(){s.word.style.opacity=0},(s.end-s.start-1||1)*1E3)},end:function(q,s){s.word.style.opacity=0},_teardown:function(q){var s=document.getElementById(q.target);
+q.word.parentNode&&q._container.removeChild(q.word);f[q.target]&&!f[q.target].childElementCount&&s&&s.removeChild(f[q.target])&&delete f[q.target]}})})(Popcorn);(function(r){var f=1;r.plugin("timeline",function(n){var c=document.getElementById(n.target),b=document.createElement("div"),e,h=true;if(c&&!c.firstChild){c.appendChild(e=document.createElement("div"));e.style.width="inherit";e.style.height="inherit";e.style.overflow="auto"}else e=c.firstChild;b.style.display="none";b.id="timelineDiv"+f;n.direction=n.direction||"up";if(n.direction.toLowerCase()==="down")h=false;if(c&&e)h?e.insertBefore(b,e.firstChild):e.appendChild(b);f++;b.innerHTML="<p><span id='big' style='font-size:24px; line-height: 130%;' >"+
+n.title+"</span><br /><span id='mid' style='font-size: 16px;'>"+n.text+"</span><br />"+n.innerHTML;return{start:function(i,j){b.style.display="block";if(j.direction==="down")e.scrollTop=e.scrollHeight},end:function(){b.style.display="none"},_teardown:function(){e&&b&&e.removeChild(b)&&!e.firstChild&&c.removeChild(e)}}},{about:{name:"Popcorn Timeline Plugin",version:"0.1",author:"David Seifried @dcseifried",website:"dseifried.wordpress.com"},options:{start:{elem:"input",type:"number",label:"Start"},
+end:{elem:"input",type:"number",label:"End"},target:"feed-container",title:{elem:"input",type:"text",label:"Title"},text:{elem:"input",type:"text",label:"Text"},innerHTML:{elem:"input",type:"text",label:"HTML Code",optional:true},direction:{elem:"select",options:["DOWN","UP"],label:"Direction",optional:true}}})})(Popcorn);(function(r,f){var n={};r.plugin("documentcloud",{manifest:{about:{name:"Popcorn Document Cloud Plugin",version:"0.1",author:"@humphd, @ChrisDeCairos",website:"http://vocamus.net/dave"},options:{start:{elem:"input",type:"number",label:"Start"},end:{elem:"input",type:"number",label:"End"},target:"documentcloud-container",width:{elem:"input",type:"text",label:"Width",optional:true},height:{elem:"input",type:"text",label:"Height",optional:true},src:{elem:"input",type:"url",label:"PDF URL","default":"http://www.documentcloud.org/documents/70050-urbina-day-1-in-progress.html"},
+preload:{elem:"input",type:"checkbox",label:"Preload","default":true},page:{elem:"input",type:"number",label:"Page Number",optional:true},aid:{elem:"input",type:"number",label:"Annotation Id",optional:true}}},_setup:function(c){function b(){function m(v){c._key=v.api.getId();c._changeView=function(z){c.aid?z.pageSet.showAnnotation(z.api.getAnnotation(c.aid)):z.api.setCurrentPage(c.page)}}function o(){n[c._key]={num:1,id:c._containerId};h.loaded=true}h.loaded=false;var q=c.url.replace(/\.html$/,".js"),
+s=c.target,d=f.getElementById(s),A=f.createElement("div"),y=r.position(d),x=c.width||y.width;y=c.height||y.height;var a=c.sidebar||true,g=c.text||true,l=c.pdf||true,k=c.showAnnotations||true,t=c.zoom||700,u=c.search||true;if(!function(v){var z=false;r.forEach(h.viewers,function(C){if(C.api.getSchema().canonicalURL===v){m(C);C=n[c._key];c._containerId=C.id;C.num+=1;z=true;h.loaded=true}});return z}(c.url)){A.id=c._containerId=r.guid(s);s="#"+A.id;d.appendChild(A);i.trigger("documentready");h.load(q,
+{width:x,height:y,sidebar:a,text:g,pdf:l,showAnnotations:k,zoom:t,search:u,container:s,afterLoad:c.page||c.aid?function(v){m(v);c._changeView(v);A.style.visibility="hidden";v.elements.pages.hide();o()}:function(v){m(v);o();A.style.visibility="hidden";v.elements.pages.hide()}})}}function e(){window.DV.loaded?b():setTimeout(e,25)}var h=window.DV=window.DV||{},i=this;if(h.loading)e();else{h.loading=true;h.recordHit="//www.documentcloud.org/pixel.gif";var j=f.createElement("link"),p=f.getElementsByTagName("head")[0];
+j.rel="stylesheet";j.type="text/css";j.media="screen";j.href="//s3.documentcloud.org/viewer/viewer-datauri.css";p.appendChild(j);h.loaded=false;r.getScript("http://s3.documentcloud.org/viewer/viewer.js",function(){h.loading=false;b()})}},start:function(c,b){var e=f.getElementById(b._containerId),h=DV.viewers[b._key];(b.page||b.aid)&&h&&b._changeView(h);if(e&&h){e.style.visibility="visible";h.elements.pages.show()}},end:function(c,b){var e=f.getElementById(b._containerId);if(e&&DV.viewers[b._key]){e.style.visibility=
+"hidden";DV.viewers[b._key].elements.pages.hide()}},_teardown:function(c){var b=f.getElementById(c._containerId);if((c=c._key)&&DV.viewers[c]&&--n[c].num===0){for(DV.viewers[c].api.unload();b.hasChildNodes();)b.removeChild(b.lastChild);b.parentNode.removeChild(b)}}})})(Popcorn,window.document);(function(r){r.parser("parseJSON","JSON",function(f){var n={title:"",remote:"",data:[]};r.forEach(f.data,function(c){n.data.push(c)});return n})})(Popcorn);(function(r){r.parser("parseSBV",function(f){var n={title:"",remote:"",data:[]},c=[],b=0,e=0,h=function(q){q=q.split(":");var s=q.length-1,d;try{d=parseInt(q[s-1],10)*60+parseFloat(q[s],10);if(s===2)d+=parseInt(q[0],10)*3600}catch(A){throw"Bad cue";}return d},i=function(q,s){var d={};d[q]=s;return d};f=f.text.split(/(?:\r\n|\r|\n)/gm);for(e=f.length;b<e;){var j={},p=[],m=f[b++].split(",");try{j.start=h(m[0]);for(j.end=h(m[1]);b<e&&f[b];)p.push(f[b++]);j.text=p.join("<br />");c.push(i("subtitle",j))}catch(o){for(;b<
+e&&f[b];)b++}for(;b<e&&!f[b];)b++}n.data=c;return n})})(Popcorn);(function(r){function f(c,b){var e={};e[c]=b;return e}function n(c){c=c.split(":");try{var b=c[2].split(",");if(b.length===1)b=c[2].split(".");return parseFloat(c[0],10)*3600+parseFloat(c[1],10)*60+parseFloat(b[0],10)+parseFloat(b[1],10)/1E3}catch(e){return 0}}r.parser("parseSRT",function(c){var b={title:"",remote:"",data:[]},e=[],h=0,i=0,j,p,m,o;c=c.text.split(/(?:\r\n|\r|\n)/gm);for(h=c.length-1;h>=0&&!c[h];)h--;m=h+1;for(h=0;h<m;h++){o={};p=[];o.id=parseInt(c[h++],10);j=c[h++].split(/[\t ]*--\>[\t ]*/);
+o.start=n(j[0]);i=j[1].indexOf(" ");if(i!==-1)j[1]=j[1].substr(0,i);for(o.end=n(j[1]);h<m&&c[h];)p.push(c[h++]);o.text=p.join("\\N").replace(/\{(\\[\w]+\(?([\w\d]+,?)+\)?)+\}/gi,"");o.text=o.text.replace(/</g,"&lt;").replace(/>/g,"&gt;");o.text=o.text.replace(/&lt;(\/?(font|b|u|i|s))((\s+(\w|\w[\w\-]*\w)(\s*=\s*(?:\".*?\"|'.*?'|[^'\">\s]+))?)+\s*|\s*)(\/?)&gt;/gi,"<$1$3$7>");o.text=o.text.replace(/\\N/gi,"<br />");e.push(f("subtitle",o))}b.data=e;return b})})(Popcorn);(function(r){function f(b,e){var h=b.substr(10).split(","),i;i={start:n(h[e.start]),end:n(h[e.end])};if(i.start===-1||i.end===-1)throw"Invalid time";var j=q.call(m,/\{(\\[\w]+\(?([\w\d]+,?)+\)?)+\}/gi,""),p=j.replace,m;m=h.length;q=[];for(var o=e.text;o<m;o++)q.push(h[o]);m=q.join(",");var q=m.replace;i.text=p.call(j,/\\N/gi,"<br />");return i}function n(b){var e=b.split(":");if(b.length!==10||e.length<3)return-1;return parseInt(e[0],10)*3600+parseInt(e[1],10)*60+parseFloat(e[2],10)}function c(b,
+e){var h={};h[b]=e;return h}r.parser("parseSSA",function(b){var e={title:"",remote:"",data:[]},h=[],i=0,j;b=b.text.split(/(?:\r\n|\r|\n)/gm);for(j=b.length;i<j&&b[i]!=="[Events]";)i++;var p=b[++i].substr(8).split(", "),m={},o,q;q=0;for(o=p.length;q<o;q++)if(p[q]==="Start")m.start=q;else if(p[q]==="End")m.end=q;else if(p[q]==="Text")m.text=q;for(;++i<j&&b[i]&&b[i][0]!=="[";)try{h.push(c("subtitle",f(b[i],m)))}catch(s){}e.data=h;return e})})(Popcorn);(function(r){function f(i,j,p){var m=i.firstChild;i=n(i,p);p=[];for(var o;m;){if(m.nodeType===1)if(m.nodeName==="p")p.push(c(m,j,i));else if(m.nodeName==="div"){o=b(m.getAttribute("begin"));if(o<0)o=j;p.push.apply(p,f(m,o,i))}m=m.nextSibling}return p}function n(i,j){var p=i.getAttribute("region");return p!==null?p:j||""}function c(i,j,p){var m={};m.text=(i.textContent||i.text).replace(e,"").replace(h,"<br />");m.id=i.getAttribute("xml:id")||i.getAttribute("id");m.start=b(i.getAttribute("begin"),j);
+m.end=b(i.getAttribute("end"),j);m.target=n(i,p);if(m.end<0){m.end=b(i.getAttribute("duration"),0);if(m.end>=0)m.end+=m.start;else m.end=Number.MAX_VALUE}return{subtitle:m}}function b(i,j){var p;if(!i)return-1;try{return r.util.toSeconds(i)}catch(m){for(var o=i.length-1;o>=0&&i[o]<="9"&&i[o]>="0";)o--;p=o;o=parseFloat(i.substring(0,p));p=i.substring(p);return o*({h:3600,m:60,s:1,ms:0.0010}[p]||-1)+(j||0)}}var e=/^[\s]+|[\s]+$/gm,h=/(?:\r\n|\r|\n)/gm;r.parser("parseTTML",function(i){var j={title:"",
+remote:"",data:[]};if(!i.xml||!i.xml.documentElement)return j;i=i.xml.documentElement.firstChild;if(!i)return j;for(;i.nodeName!=="body";)i=i.nextSibling;if(i)j.data=f(i,0);return j})})(Popcorn);(function(r){r.parser("parseTTXT",function(f){var n={title:"",remote:"",data:[]},c=function(j){j=j.split(":");var p=0;try{return parseFloat(j[0],10)*60*60+parseFloat(j[1],10)*60+parseFloat(j[2],10)}catch(m){p=0}return p},b=function(j,p){var m={};m[j]=p;return m};f=f.xml.lastChild.lastChild;for(var e=Number.MAX_VALUE,h=[];f;){if(f.nodeType===1&&f.nodeName==="TextSample"){var i={};i.start=c(f.getAttribute("sampleTime"));i.text=f.getAttribute("text");if(i.text){i.end=e-0.0010;h.push(b("subtitle",i))}e=
+i.start}f=f.previousSibling}n.data=h.reverse();return n})})(Popcorn);(function(r){function f(c){var b=c.split(":");c=c.length;var e;if(c!==12&&c!==9)throw"Bad cue";c=b.length-1;try{e=parseInt(b[c-1],10)*60+parseFloat(b[c],10);if(c===2)e+=parseInt(b[0],10)*3600}catch(h){throw"Bad cue";}return e}function n(c,b){var e={};e[c]=b;return e}r.parser("parseVTT",function(c){var b={title:"",remote:"",data:[]},e=[],h=0,i=0,j,p;c=c.text.split(/(?:\r\n|\r|\n)/gm);i=c.length;if(i===0||c[0]!=="WEBVTT")return b;for(h++;h<i;){j=[];try{for(var m=h;m<i&&!c[m];)m++;h=m;var o=c[h++];m=
+void 0;var q={};if(!o||o.indexOf("--\>")===-1)throw"Bad cue";m=o.replace(/--\>/," --\> ").split(/[\t ]+/);if(m.length<2)throw"Bad cue";q.id=o;q.start=f(m[0]);q.end=f(m[2]);for(p=q;h<i&&c[h];)j.push(c[h++]);p.text=j.join("<br />");e.push(n("subtitle",p))}catch(s){for(h=h;h<i&&c[h];)h++;h=h}}b.data=e;return b})})(Popcorn);(function(r){r.parser("parseXML","XML",function(f){var n={title:"",remote:"",data:[]},c={},b=function(m){m=m.split(":");if(m.length===1)return parseFloat(m[0],10);else if(m.length===2)return parseFloat(m[0],10)+parseFloat(m[1]/12,10);else if(m.length===3)return parseInt(m[0]*60,10)+parseFloat(m[1],10)+parseFloat(m[2]/12,10);else if(m.length===4)return parseInt(m[0]*3600,10)+parseInt(m[1]*60,10)+parseFloat(m[2],10)+parseFloat(m[3]/12,10)},e=function(m){for(var o={},q=0,s=m.length;q<s;q++){var d=m.item(q).nodeName,
+A=m.item(q).nodeValue,y=c[A];if(d==="in")o.start=b(A);else if(d==="out")o.end=b(A);else if(d==="resourceid")for(var x in y){if(y.hasOwnProperty(x))if(!o[x]&&x!=="id")o[x]=y[x]}else o[d]=A}return o},h=function(m,o){var q={};q[m]=o;return q},i=function(m,o,q){var s={};r.extend(s,o,e(m.attributes),{text:m.textContent||m.text});o=m.childNodes;if(o.length<1||o.length===1&&o[0].nodeType===3)if(q)c[s.id]=s;else n.data.push(h(m.nodeName,s));else for(m=0;m<o.length;m++)o[m].nodeType===1&&i(o[m],s,q)};f=f.documentElement.childNodes;
+for(var j=0,p=f.length;j<p;j++)if(f[j].nodeType===1)f[j].nodeName==="manifest"?i(f[j],{},true):i(f[j],{},false);return n})})(Popcorn);(function(){var r=false,f=false;Popcorn.player("soundcloud",{_canPlayType:function(n,c){return/(?:http:\/\/www\.|http:\/\/|www\.|\.|^)(soundcloud)/.test(c)&&n.toLowerCase()!=="video"},_setup:function(n){function c(){r=true;SC.initialize({client_id:"PRaNFlda6Bhf5utPjUsptg"});SC.get("/resolve",{url:e.src},function(A){e.width=e.style.width?""+e.offsetWidth:"560";e.height=e.style.height?""+e.offsetHeight:"315";h.scrolling="no";h.frameborder="no";h.id="soundcloud-"+Popcorn.guid();h.src="http://w.soundcloud.com/player/?url="+
+A.uri+"&show_artwork=false&buying=false&liking=false&sharing=false";h.width="100%";h.height="100%";n.loadListener=function(){n.widget=o=SC.Widget(h.id);o.bind(SC.Widget.Events.FINISH,function(){e.pause();e.dispatchEvent("ended")});o.bind(SC.Widget.Events.PLAY_PROGRESS,function(y){j=y.currentPosition/1E3;e.dispatchEvent("timeupdate")});o.bind(SC.Widget.Events.PLAY,function(){p=m=false;e.dispatchEvent("play");e.dispatchEvent("playing");e.currentTime=j;d.next()});o.bind(SC.Widget.Events.PAUSE,function(){p=
+m=true;e.dispatchEvent("pause");d.next()});o.bind(SC.Widget.Events.READY,function(){o.getDuration(function(y){q=y/1E3;e.style.visibility="visible";e.dispatchEvent("durationchange");e.readyState=4;e.dispatchEvent("readystatechange");e.dispatchEvent("loadedmetadata");e.dispatchEvent("loadeddata");e.dispatchEvent("canplaythrough");e.dispatchEvent("load");!e.paused&&e.play()});o.getVolume(function(y){i=y/100})})};h.addEventListener("load",n.loadListener,false);e.appendChild(h)})}function b(){if(f)(function A(){setTimeout(function(){r?
+c():A()},100)})();else{f=true;Popcorn.getScript("http://w.soundcloud.com/player/api.js",function(){Popcorn.getScript("http://connect.soundcloud.com/sdk.js",function(){c()})})}}var e=this,h=document.createElement("iframe"),i=1,j=0,p=true,m=true,o,q=0,s=false,d=Popcorn.player.playerQueue();n._container=h;e.style.visibility="hidden";e.play=function(){p=false;d.add(function(){if(m)o&&o.play();else d.next()})};e.pause=function(){p=true;d.add(function(){if(m)d.next();else o&&o.pause()})};Object.defineProperties(e,
+{muted:{set:function(A){if(A){o&&o.getVolume(function(y){i=y/100});o&&o.setVolume(0);s=true}else{o&&o.setVolume(i*100);s=false}e.dispatchEvent("volumechange")},get:function(){return s}},volume:{set:function(A){o&&o.setVolume(A*100);i=A;e.dispatchEvent("volumechange")},get:function(){return s?0:i}},currentTime:{set:function(A){j=A;o&&o.seekTo(A*1E3);e.dispatchEvent("seeked");e.dispatchEvent("timeupdate")},get:function(){return j}},duration:{get:function(){return q}},paused:{get:function(){return p}}});
+r?c():b()},_teardown:function(n){var c=n.widget,b=SC.Widget.Events,e=n._container;n.destroyed=true;if(c)for(var h in b)c&&c.unbind(b[h]);else e.removeEventListener("load",n.loadEventListener,false)}})})();(function(){function r(n){var c=r.options;n=c.parser[c.strictMode?"strict":"loose"].exec(n);for(var b={},e=14;e--;)b[c.key[e]]=n[e]||"";b[c.q.name]={};b[c.key[12]].replace(c.q.parser,function(h,i,j){if(i)b[c.q.name][i]=j});return b}function f(n,c){return/player.vimeo.com\/video\/\d+/.test(c)||/vimeo.com\/\d+/.test(c)}r.options={strictMode:false,key:["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],q:{name:"queryKey",
+parser:/(?:^|&)([^&=]*)=?([^&]*)/g},parser:{strict:/^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,loose:/^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/}};Popcorn.player("vimeo",{_canPlayType:f,_setup:function(n){function c(l,k){var t=y.src.split("?")[0],u=JSON.stringify({method:l,
+value:k});if(t.substr(0,2)==="//")t=window.location.protocol+t;y.contentWindow?y.contentWindow.postMessage(u,t):o.unload()}function b(l){if(l.origin==="http://player.vimeo.com"){var k;try{k=JSON.parse(l.data)}catch(t){console.warn(t)}if(k.player_id==m){k.method&&a[k.method]&&a[k.method](k);k.event&&g[k.event]&&g[k.event](k)}}}function e(){d||(d=setInterval(function(){o.dispatchEvent("timeupdate")},i));s||(s=setInterval(function(){c("getCurrentTime")},j))}function h(){if(d){clearInterval(d);d=0}if(s){clearInterval(s);
+s=0}}var i=250,j=16,p={MEDIA_ERR_ABORTED:1,MEDIA_ERR_NETWORK:2,MEDIA_ERR_DECODE:3,MEDIA_ERR_SRC_NOT_SUPPORTED:4},m,o=this,q={q:[],queue:function(l){this.q.push(l);this.process()},process:function(){if(A)for(;this.q.length;)this.q.shift()()}},s,d,A,y=document.createElement("iframe"),x={error:null,src:o.src,NETWORK_EMPTY:0,NETWORK_IDLE:1,NETWORK_LOADING:2,NETWORK_NO_SOURCE:3,networkState:0,HAVE_NOTHING:0,HAVE_METADATA:1,HAVE_CURRENT_DATA:2,HAVE_FUTURE_DATA:3,HAVE_ENOUGH_DATA:4,readyState:0,seeking:false,
+currentTime:0,duration:NaN,paused:true,ended:false,autoplay:false,loop:false,volume:1,muted:false,width:0,height:0};Popcorn.forEach("error networkState readyState seeking duration paused ended".split(" "),function(l){Object.defineProperty(o,l,{get:function(){return x[l]}})});Object.defineProperties(o,{src:{get:function(){return x.src},set:function(l){x.src=l;o.load()}},currentTime:{get:function(){return x.currentTime},set:function(l){q.queue(function(){c("seekTo",l)});x.seeking=true;o.dispatchEvent("seeking")}},
+autoplay:{get:function(){return x.autoplay},set:function(l){x.autoplay=!!l}},loop:{get:function(){return x.loop},set:function(l){x.loop=!!l;q.queue(function(){c("setLoop",loop)})}},volume:{get:function(){return x.volume},set:function(l){x.volume=l;q.queue(function(){c("setVolume",x.muted?0:x.volume)});o.dispatchEvent("volumechange")}},muted:{get:function(){return x.muted},set:function(l){x.muted=!!l;q.queue(function(){c("setVolume",x.muted?0:x.volume)});o.dispatchEvent("volumechange")}},width:{get:function(){return y.width},
+set:function(l){y.width=l}},height:{get:function(){return y.height},set:function(l){y.height=l}}});var a={getCurrentTime:function(l){x.currentTime=parseFloat(l.value)},getDuration:function(l){x.duration=parseFloat(l.value);if(!isNaN(x.duration)){x.readyState=4;o.dispatchEvent("durationchange");o.dispatchEvent("loadedmetadata");o.dispatchEvent("loadeddata");o.dispatchEvent("canplay");o.dispatchEvent("canplaythrough")}},getVolume:function(l){x.volume=parseFloat(l.value)}},g={ready:function(){c("addEventListener",
+"loadProgress");c("addEventListener","playProgress");c("addEventListener","play");c("addEventListener","pause");c("addEventListener","finish");c("addEventListener","seek");c("getDuration");A=true;q.process();o.dispatchEvent("loadstart")},loadProgress:function(l){o.dispatchEvent("progress");x.duration=parseFloat(l.data.duration)},playProgress:function(l){x.currentTime=parseFloat(l.data.seconds)},play:function(){if(x.seeking){x.seeking=false;o.dispatchEvent("seeked")}x.paused=false;x.ended=false;e();
+o.dispatchEvent("play")},pause:function(){x.paused=true;h();o.dispatchEvent("pause")},finish:function(){x.ended=true;h();o.dispatchEvent("ended")},seek:function(l){x.currentTime=parseFloat(l.data.seconds);x.seeking=false;x.ended=false;o.dispatchEvent("timeupdate");o.dispatchEvent("seeked")}};o.load=function(){A=false;m=Popcorn.guid();var l=r(x.src),k={},t=[],u={api:1,player_id:m};if(f(o.nodeName,l.source)){Popcorn.extend(k,n);Popcorn.extend(k,l.queryKey);Popcorn.extend(k,u);l="http://player.vimeo.com/video/"+
+/\d+$/.exec(l.path)+"?";for(var v in k)k.hasOwnProperty(v)&&t.push(encodeURIComponent(v)+"="+encodeURIComponent(k[v]));l+=t.join("&");x.loop=!!l.match(/loop=1/);x.autoplay=!!l.match(/autoplay=1/);y.width=o.style.width?o.style.width:500;y.height=o.style.height?o.style.height:281;y.frameBorder=0;y.webkitAllowFullScreen=true;y.mozAllowFullScreen=true;y.allowFullScreen=true;y.src=l;o.appendChild(y)}else{l=x.MEDIA_ERR_SRC_NOT_SUPPORTED;x.error={};Popcorn.extend(x.error,p);x.error.code=l;o.dispatchEvent("error")}};
+o.unload=function(){h();window.removeEventListener("message",b,false)};o.play=function(){q.queue(function(){c("play")})};o.pause=function(){q.queue(function(){c("pause")})};setTimeout(function(){window.addEventListener("message",b,false);o.load()},0)},_teardown:function(){this.unload&&this.unload()}})})();(function(r,f){r.onYouTubePlayerAPIReady=function(){onYouTubePlayerAPIReady.ready=true;for(var c=0;c<onYouTubePlayerAPIReady.waiting.length;c++)onYouTubePlayerAPIReady.waiting[c]()};if(r.YT){r.quarantineYT=r.YT;r.YT=null}onYouTubePlayerAPIReady.waiting=[];var n=false;f.player("youtube",{_canPlayType:function(c,b){return typeof b==="string"&&/(?:http:\/\/www\.|http:\/\/|www\.|\.|^)(youtu)/.test(b)&&c.toLowerCase()!=="video"},_setup:function(c){if(!r.YT&&!n){n=true;f.getScript("//youtube.com/player_api")}var b=
+this,e=false,h=document.createElement("div"),i=0,j=true,p=false,m=0,o=false,q=100,s=f.player.playerQueue(),d=function(){f.player.defineProperty(b,"currentTime",{set:function(y){if(!c.destroyed){p=true;i=Math.round(+y*100)/100}},get:function(){return i}});f.player.defineProperty(b,"paused",{get:function(){return j}});f.player.defineProperty(b,"muted",{set:function(y){if(c.destroyed)return y;if(c.youtubeObject.isMuted()!==y){y?c.youtubeObject.mute():c.youtubeObject.unMute();o=c.youtubeObject.isMuted();
+b.dispatchEvent("volumechange")}return c.youtubeObject.isMuted()},get:function(){if(c.destroyed)return 0;return c.youtubeObject.isMuted()}});f.player.defineProperty(b,"volume",{set:function(y){if(c.destroyed)return y;if(c.youtubeObject.getVolume()/100!==y){c.youtubeObject.setVolume(y*100);q=c.youtubeObject.getVolume();b.dispatchEvent("volumechange")}return c.youtubeObject.getVolume()/100},get:function(){if(c.destroyed)return 0;return c.youtubeObject.getVolume()/100}});b.play=function(){if(!c.destroyed){j=
+false;s.add(function(){if(c.youtubeObject.getPlayerState()!==1){p=false;c.youtubeObject.playVideo()}else s.next()})}};b.pause=function(){if(!c.destroyed){j=true;s.add(function(){c.youtubeObject.getPlayerState()!==2?c.youtubeObject.pauseVideo():s.next()})}}};h.id=b.id+f.guid();c._container=h;b.appendChild(h);var A=function(){var y,x,a,g,l=true,k=function(){if(!c.destroyed){if(p)if(i===c.youtubeObject.getCurrentTime()){p=false;b.dispatchEvent("seeked");b.dispatchEvent("timeupdate")}else c.youtubeObject.seekTo(i);
+else{i=c.youtubeObject.getCurrentTime();b.dispatchEvent("timeupdate")}setTimeout(k,250)}},t=function(z){var C=c.youtubeObject.getDuration();if(isNaN(C)||C===0)setTimeout(function(){t(z*2)},z*1E3);else{b.duration=C;b.dispatchEvent("durationchange");b.dispatchEvent("loadedmetadata");b.dispatchEvent("loadeddata");b.readyState=4;k();b.dispatchEvent("canplaythrough")}};c.controls=+c.controls===0||+c.controls===1?c.controls:1;c.annotations=+c.annotations===1||+c.annotations===3?c.annotations:1;y=/^.*(?:\/|v=)(.{11})/.exec(b.src)[1];
+x=(b.src.split("?")[1]||"").replace(/v=.{11}/,"");x=x.replace(/&t=(?:(\d+)m)?(?:(\d+)s)?/,function(z,C,E){C|=0;E|=0;m=+E+C*60;return""});x=x.replace(/&start=(\d+)?/,function(z,C){C|=0;m=C;return""});e=/autoplay=1/.test(x);x=x.split(/[\&\?]/g);a={wmode:"transparent"};for(var u=0;u<x.length;u++){g=x[u].split("=");a[g[0]]=g[1]}c.youtubeObject=new YT.Player(h.id,{height:"100%",width:"100%",wmode:"transparent",playerVars:a,videoId:y,events:{onReady:function(){q=b.volume;o=b.muted;v();j=b.paused;d();c.youtubeObject.playVideo();
+b.currentTime=m},onStateChange:function(z){if(!(c.destroyed||z.data===-1))if(z.data===2){j=true;b.dispatchEvent("pause");s.next()}else if(z.data===1&&!l){j=false;b.dispatchEvent("play");b.dispatchEvent("playing");s.next()}else if(z.data===0)b.dispatchEvent("ended");else if(z.data===1&&l){l=false;if(e||!b.paused)j=false;j&&c.youtubeObject.pauseVideo();t(0.025)}},onError:function(z){if([2,100,101,150].indexOf(z.data)!==-1){b.error={customCode:z.data};b.dispatchEvent("error")}}}});var v=function(){if(!c.destroyed){if(o!==
+c.youtubeObject.isMuted()){o=c.youtubeObject.isMuted();b.dispatchEvent("volumechange")}if(q!==c.youtubeObject.getVolume()){q=c.youtubeObject.getVolume();b.dispatchEvent("volumechange")}setTimeout(v,250)}}};onYouTubePlayerAPIReady.ready?A():onYouTubePlayerAPIReady.waiting.push(A)},_teardown:function(c){c.destroyed=true;var b=c.youtubeObject;if(b){b.stopVideo();b.clearVideo&&b.clearVideo()}this.removeChild(document.getElementById(c._container.id))}})})(window,Popcorn);

data/presentation/0.81/lib/popcorn.chattimeline.js

@@ -0,0 +1,125 @@
+// PLUGIN: Timeline
+(function ( Popcorn ) {
+
+  /**
+     * chat-timeline popcorn plug-in
+     * Adds data associated with a certain time in the video, which creates a scrolling view of each item as the video progresses
+     * Options parameter will need a start, target, title, and text
+     * -Start is the time that you want this plug-in to execute
+     * -End is the time that you want this plug-in to stop executing, tho for this plugin an end time may not be needed ( optional )
+     * -Target is the id of the DOM element that you want the timeline to appear in. This element must be in the DOM
+     * -Name is the name of the current chat message sender
+     * -Text is text is simply related text that will be displayed
+     * -direction specifies whether the timeline will grow from the top or the bottom, receives input as "UP" or "DOWN"
+     * @param {Object} options
+     *
+     * Example:
+      var p = Popcorn("#video")
+        .timeline( {
+         start: 5, // seconds
+         target: "timeline",
+         name: "Seneca",
+         text: "Welcome to seneca",
+      } )
+    *
+  */
+
+  var i = 1;
+
+  Popcorn.plugin( "chattimeline" , function( options ) {
+
+    var target = document.getElementById( options.target ),
+        contentDiv = document.createElement( "div" ),
+        goingUp = true;
+
+    contentDiv.style.display = "none";
+    contentDiv.setAttribute('aria-hidden', true);
+    contentDiv.id = "timelineDiv" + i;
+
+    //  Default to up if options.direction is non-existant or not up or down
+    options.direction = options.direction || "up";
+    if ( options.direction.toLowerCase() === "down" ) {
+
+      goingUp = false;
+    }
+
+    if ( target ) {
+      // if this isnt the first div added to the target div
+      if( goingUp ){
+        // insert the current div before the previous div inserted
+        target.insertBefore( contentDiv, target.firstChild );
+      }
+      else {
+
+        target.appendChild( contentDiv );
+      }
+
+    }
+
+    i++;
+
+    //  Default to empty if not used
+    //options.innerHTML = options.innerHTML || "";
+
+    contentDiv.innerHTML = "<strong>" + options.name + ":</strong>" + options.message;
+
+    return {
+
+      start: function( event, options ) {
+        contentDiv.style.display = "block";
+        if ($("#exposechat").is(':checked')) {
+          contentDiv.setAttribute('aria-hidden', false);
+        }
+        if( options.direction === "down" ) {
+          target.scrollTop = target.scrollHeight;
+        }
+	
+        if ($("#accEnabled").is(':checked'))
+          addTime(7);
+      },
+
+      end: function( event, options ) {
+        contentDiv.style.display = "none";
+        contentDiv.setAttribute('aria-hidden', true);
+      },
+
+      _teardown: function( options ) {
+
+        ( target && contentDiv ) && target.removeChild( contentDiv ) && !target.firstChild
+      }
+    };
+  },
+  {
+
+    options: {
+      start: {
+        elem: "input",
+        type: "number",
+        label: "Start"
+      },
+      end: {
+        elem: "input",
+        type: "number",
+        label: "End"
+      },
+      target: "feed-container",
+      name: {
+        elem: "input",
+        type: "text",
+        label: "Name"
+      },
+      message: {
+        elem: "input",
+        type: "text",
+        label: "Message"
+      },
+      direction: {
+        elem: "select",
+        options: [ "DOWN", "UP" ],
+        label: "Direction",
+        optional: true
+      }
+    }
+  });
+
+})( Popcorn );

data/presentation/0.81/lib/writing.js

@@ -0,0 +1,452 @@
+/**
+* BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
+*
+* Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
+*
+* This program is free software; you can redistribute it and/or modify it under the
+* terms of the GNU Lesser General Public License as published by the Free Software
+* Foundation; either version 3.0 of the License, or (at your option) any later
+* version.
+*
+* BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+* PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+*
+* You should have received a copy of the GNU Lesser General Public License along
+* with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// - - - START OF GLOBAL VARIABLES - - - //
+"use strict";
+
+function getUrlParameters() {
+    var map = {};
+    window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { map[key] = value; });
+    return map;
+}
+
+// - - - END OF GLOBAL VARIABLES - - - //
+
+// - - - START OF JAVASCRIPT FUNCTIONS - - - //
+
+// Draw the cursor at a specific point
+function draw(x, y) {
+    cursorStyle = document.getElementById("cursor").style;
+    var slide = document.getElementById("slide");
+    var obj = $("#slide > object");
+    var scaledX = parseInt(x, 10) * (parseInt(obj.attr("width"), 10) / 800);
+    var scaledY = parseInt(y, 10) * (parseInt(obj.attr("height"), 10) / 600); 
+    
+    //move to the next place
+    var leftValue = parseInt(slide.offsetLeft, 10) + parseInt(scaledX, 10)
+    var topValue = parseInt(slide.offsetTop, 10) + parseInt(scaledY, 10)
+    if (leftValue < 0){
+        leftValue = 0
+    }
+    if (topValue < 0){
+        topValue = 0
+    }
+    cursorStyle.left = leftValue + "px";
+    cursorStyle.top = topValue + "px";
+
+}
+
+
+// Shows or hides the cursor object depending on true/false parameter passed.
+function showCursor(boolVal) {
+	cursorStyle = document.getElementById("cursor").style;
+    if(boolVal === false) {
+        cursorStyle.height = "0px";
+        cursorStyle.width = "0px";
+    }
+    else {
+        cursorStyle.height = "10px";
+        cursorStyle.width = "10px";
+    }
+}
+
+function setViewBox(val) {
+  if(svgobj.contentDocument) svgfile = svgobj.contentDocument.getElementById("svgfile");
+  else svgfile = svgobj.getSVGDocument('svgfile').getElementById("svgfile");
+	svgfile.setAttribute('viewBox', val);
+}
+
+function setCursor(val) {
+	draw(val[0], val[1]);
+}
+
+function getImageAtTime(time) {
+	var curr_t = parseFloat(time);
+	var key;
+	for (key in imageAtTime) {
+		if(imageAtTime.hasOwnProperty(key)) {
+			var arry = key.split(",");
+			if ((parseFloat(arry[0]) <= curr_t) && (parseFloat(arry[1]) >= curr_t)) {
+				return imageAtTime[key];
+			}
+		}
+	}
+}
+
+function getViewboxAtTime(time) {
+	var curr_t = parseFloat(time);
+	var key;
+	for (key in vboxValues) {
+		if(vboxValues.hasOwnProperty(key)) {
+			var arry = key.split(",");
+			if(arry[1] == "end") {
+				return vboxValues[key];
+			}
+			else if ((parseFloat(arry[0]) <= curr_t) && (parseFloat(arry[1]) >= curr_t)) {
+				return vboxValues[key];
+			}
+		}
+	}
+}
+
+function getCursorAtTime(time) {
+	var coords = cursorValues[time];
+	if(coords) return coords.split(' ');
+}
+
+function removeSlideChangeAttribute() {
+	$('#video').removeAttr('slide-change');
+	Popcorn('#video').unlisten(Popcorn.play, 'removeSlideChangeAttribute');
+}
+
+// - - - END OF JAVASCRIPT FUNCTIONS - - - //
+
+function runPopcorn() {
+  if(svgobj.contentDocument) svgfile = svgobj.contentDocument.getElementById("svgfile");
+  else svgfile = svgobj.getSVGDocument('svgfile');
+
+  //making the object for requesting the read of the XML files.
+  if (window.XMLHttpRequest) {
+  	// code for IE7+, Firefox, Chrome, Opera, Safari
+  	var	xmlhttp = new XMLHttpRequest();
+  } else {
+  	// code for IE6, IE5
+  	var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+
+  // PROCESS SHAPES.SVG (in XML format).
+  xmlhttp.open("GET", shapes_svg, false);
+  xmlhttp.send();
+  var xmlDoc = xmlhttp.responseXML;
+  //getting all the event tags
+  var shapeelements = xmlDoc.getElementsByTagName("svg");
+
+  //get the array of values for the first shape (getDataPoints(0) is the first shape).
+  var array = $(shapeelements[0]).find("g").filter(function(){ //get all the lines from the svg file   
+    return $(this).attr('class') == 'shape';
+  });
+  var images = shapeelements[0].getElementsByTagName("image");
+
+  //fill the times array with the times of the svg images.
+  for (var j = 0; j < array.length; j++) {
+  	times[j] = array[j].getAttribute("id").substr(4);
+  }
+
+  var times_length = times.length; //get the length of the times array.
+
+  for(var m = 0; m < images.length; m++) {
+  	len = images[m].getAttribute("in").split(" ").length;
+  	for(var n = 0; n < len; n++) {
+  		imageAtTime[[images[m].getAttribute("in").split(" ")[n], images[m].getAttribute("out").split(" ")[n]]] = images[m].getAttribute("id");
+  	}
+        
+        // the logo at the start has no text attribute
+        if (images[m].getAttribute("text")) {
+          var txtFile = false;
+          if (window.XMLHttpRequest) {
+  	    // code for IE7+, Firefox, Chrome, Opera, Safari
+  	    txtFile = new XMLHttpRequest();
+          } else {
+  	    // code for IE6, IE5
+  	    txtFile = new ActiveXObject("Microsoft.XMLHTTP");
+          }
+          var imgid = images[m].getAttribute("id"); //have to save the value because images array might go out of scope
+          txtFile.open("GET", url + "/" + images[m].getAttribute("text"), false);
+          txtFile.onreadystatechange = function() {
+              if (txtFile.readyState === 4) {
+                if (txtFile.status === 200) {
+                  slidePlainText[imgid] = $('<div/>').text(txtFile.responseText).html();
+                  console.log("Text file read " + imgid);
+                }
+              }
+          };
+          txtFile.send(null);
+        }
+  }
+
+  // PROCESS PANZOOMS.XML
+  xmlhttp.open("GET", events_xml, false);
+  xmlhttp.send();
+  xmlDoc = xmlhttp.responseXML;
+  //getting all the event tags
+  var panelements = xmlDoc.getElementsByTagName("recording");
+  var panZoomArray = panelements[0].getElementsByTagName("event");
+  viewBoxes = xmlDoc.getElementsByTagName("viewBox");
+
+  var pzlen = panZoomArray.length;
+  var second_val;
+  //fill the times array with the times of the svg images.
+  for (var k = 0;k < pzlen; k++) {
+  	if(panZoomArray[k+1] == undefined) {
+  		second_val = "end";
+  	}
+  	else second_val = panZoomArray[k+1].getAttribute("timestamp");
+  	vboxValues[[panZoomArray[k].getAttribute("timestamp"), second_val]] = viewBoxes[k].childNodes[0].data;
+  }
+
+
+  // PROCESS CURSOR.XML
+  xmlhttp.open("GET", cursor_xml, false);
+  xmlhttp.send();
+  xmlDoc = xmlhttp.responseXML;
+  //getting all the event tags
+  var curelements = xmlDoc.getElementsByTagName("recording");
+  var cursorArray = curelements[0].getElementsByTagName("event");
+  coords = xmlDoc.getElementsByTagName("cursor");
+
+  var clen = cursorArray.length;
+  //fill the times array with the times of the svg images.
+  if(cursorArray.length != 0) cursorValues["0"] = "0 0";
+  for (var m = 0; m < clen; m++) {
+  	cursorValues[cursorArray[m].getAttribute("timestamp")] = coords[m].childNodes[0].data;
+  }
+  
+  svgobj.style.left = document.getElementById("slide").offsetLeft + "px";
+  svgobj.style.top = "8px";
+  var next_shape;
+  var shape;
+  for (var i = 0, len = times_length; i < len-1; i++) { //iterate through all the shapes and pick out the main ones
+  	var time = times[i];
+  	  shape = svgobj.contentDocument.getElementById("draw" + time).getAttribute("shape");
+  	  next_shape = svgobj.contentDocument.getElementById("draw" + times[i+1]).getAttribute("shape");
+
+  	if(shape !== next_shape) {
+  		main_shapes_times[main_shapes_times.length] = time;
+  	}
+  }
+  if(times.length !== 0) {
+  	main_shapes_times[main_shapes_times.length] = times[times.length-1]; //put last value into this array always!
+  }
+  
+  var p = new Popcorn("#video");
+  //update 60x / second the position of the next value.
+  p.code({
+      start: 1, // start time
+      end: p.duration(),
+      onFrame: function(options) {
+        if(!((p.paused() === true) && (p.seeking() === false))) {
+          var t = p.currentTime().toFixed(1); //get the time and round to 1 decimal place
+          
+          if(svgobj.contentDocument) current_shape = svgobj.contentDocument.getElementById("draw" + t);
+          else current_shape = svgobj.getSVGDocument('svgfile').getElementById("draw" + t);
+
+          if(current_shape !== null) { //if there is actually a new shape to be displayed
+            current_shape = current_shape.getAttribute("shape"); //get actual shape tag for this specific time of playback
+          }
+          //redraw everything (only way to make everything elegant)
+          for (var i = 0, len = times_length; i < len; i++) {
+            var time_s = times[i];
+            var time_f = parseFloat(time_s);
+            
+            if(svgobj.contentDocument) shape = svgobj.contentDocument.getElementById("draw" + time_s);
+            else shape = svgobj.getSVGDocument('svgfile').getElementById("draw" + time_s);
+            
+            var shape_i = shape.getAttribute("shape");
+            if (time_f < t) {
+              if(shape_i === current_shape) { //currently drawing the same shape so don't draw the older steps
+                shape.style.visibility = "hidden"; //hide older steps to shape
+  	      }
+              else if(main_shapes_times.indexOf(time_s) !== -1) { //as long as it is a main shape, it can be drawn... no intermediate steps.
+                if(parseFloat(shape.getAttribute("undo")) === -1) { //As long as the undo event hasn't happened yet...
+                  shape.style.visibility = "visible";
+                }
+                else if (parseFloat(shape.getAttribute("undo")) > t) {
+                  shape.style.visibility = "visible";
+                }
+                else {
+                  shape.style.visibility = "hidden";
+                }
+              }
+            }
+            else if(time_s === t) { //for the shape with the time specific to the current time
+              shape.style.visibility = "visible";
+            }
+            else { //for shapes that shouldn't be drawn yet (larger time than current time), don't draw them.
+              shape.style.visibility = "hidden";
+            }
+          }
+          
+          var next_image = getImageAtTime(t); //fetch the name of the image at this time.
+          var imageXOffset = 0;
+          var imageYOffset = 0;
+          if((current_image !== next_image) && (next_image !== undefined)){	//changing slide image
+            if(svgobj.contentDocument) {
+              svgobj.contentDocument.getElementById(current_image).style.visibility = "hidden";
+              var ni = svgobj.contentDocument.getElementById(next_image);
+            }
+            else {
+              svgobj.getSVGDocument('svgfile').getElementById(current_image).style.visibility = "hidden";
+              var ni = svgobj.getSVGDocument('svgfile').getElementById(next_image);
+            }
+            document.getElementById("slideText").innerHTML = ""; //destroy old plain text
+            
+            ni.style.visibility = "visible";
+            document.getElementById("slideText").innerHTML = slidePlainText[next_image] + next_image; //set new plain text
+            
+            if ($("#accEnabled").is(':checked')) {
+              //pause the playback on slide change
+              p.pause();
+              $('#video').attr('slide-change', 'slide-change');
+              p.listen(Popcorn.play, removeSlideChangeAttribute);
+            }
+
+            var num_current = current_image.substr(5);
+            var num_next = next_image.substr(5);
+            
+            if(svgobj.contentDocument) currentcanvas = svgobj.contentDocument.getElementById("canvas" + num_current);
+            else currentcanvas = svgobj.getSVGDocument('svgfile').getElementById("canvas" + num_current);
+            
+            if(currentcanvas !== null) {
+              currentcanvas.setAttribute("display", "none");
+            }
+            
+            if(svgobj.contentDocument) nextcanvas = svgobj.contentDocument.getElementById("canvas" + num_next);
+            else nextcanvas = svgobj.getSVGDocument('svgfile').getElementById("canvas" + num_next);
+            
+            if((nextcanvas !== undefined) && (nextcanvas != null)) {
+              nextcanvas.setAttribute("display", "");
+            }
+            current_image = next_image;
+          }
+          
+          if(svgobj.contentDocument) var thisimg = svgobj.contentDocument.getElementById(current_image);
+          else var thisimg = svgobj.getSVGDocument('svgfile').getElementById(current_image);
+  
+          var offsets = thisimg.getBoundingClientRect();
+          // Offsets divided by 4. By 2 because of the padding and by 2 again because 800x600 is half  1600x1200
+          imageXOffset = (1600 - parseInt(thisimg.getAttribute("width"), 10))/4;
+          imageYOffset = (1200 - parseInt(thisimg.getAttribute("height"), 10))/4;
+
+          
+          var vboxVal = getViewboxAtTime(t);
+          if(vboxVal !== undefined) {
+            setViewBox(vboxVal);
+          }
+          
+          var cursorVal = getCursorAtTime(t);
+          var cursor_on = false;
+          if(cursorVal != null) {
+            if(!cursor_on) {
+              document.getElementById("cursor").style.visibility = 'visible'; //make visible
+              cursor_on = true;
+            }
+            setCursor([parseFloat(cursorVal[0]) + imageXOffset - 6, parseFloat(cursorVal[1]) + imageYOffset - 6]); //-6 is for radius of cursor offset
+          }
+       }
+    }
+  });
+};
+
+function defineStartTime() {
+  if (params.t === undefined)
+    return 1;
+
+  var extractNumber = /\d+/g;
+  var extractUnit = /\D+/g;
+  var temp_start_time = 0;
+
+  while (true) {
+    var param1 = extractUnit.exec(params.t);
+    var param2 = extractNumber.exec(params.t);
+    if (param1 == null || param2 == null)
+      break;
+
+    var unit = String(param1).toLowerCase();
+    var value = parseInt(String(param2));
+
+    if (unit == "h")
+      value *= 3600;
+    else if (unit == "m")
+      value *= 60;
+
+    temp_start_time += value;
+  }
+
+  console.log("Start time: " + temp_start_time);
+  return temp_start_time;
+}
+
+var current_canvas = "canvas0";
+var current_image = "image0";
+var currentcanvas;
+var shape;
+var nextcanvas;
+var next_image;
+var next_pgid;
+var curr_pgid;
+var svgfile;
+//current time
+var t;
+var len;
+var current_shape;
+//coordinates for x and y for each second
+var panAndZoomTimes = [];
+var viewBoxes = [];
+var coords = [];
+var times = [];
+var clearTimes = [];
+var main_shapes_times = [];
+var vboxValues = {};
+var cursorValues = {};
+var imageAtTime = {};
+var slidePlainText = {}; //holds slide plain text for retrieval
+var cursorStyle;
+
+var params = getUrlParameters();
+var MEETINGID = params.meetingId;
+var url = "/presentation/" + MEETINGID;
+var shapes_svg = url + '/shapes.svg';
+var events_xml = url + '/panzooms.xml';
+var cursor_xml = url + '/cursor.xml';
+
+var svgobj = document.createElement('object');
+svgobj.setAttribute('data', shapes_svg);
+svgobj.setAttribute('height', '600px');
+svgobj.setAttribute('width', '800px');
+svgobj.addEventListener('load', runPopcorn, false);
+
+/**
+ * we need an urgently refactor here
+ * first the writing.js must be loaded, and then runPopcorn loads, but it loads 
+ * only after the svg file gets loaded, and the generation of thumbnails must
+ * came after that because it needs the popcorn element to be created properly
+ */
+svgobj.addEventListener('load', function() {
+  generateThumbnails();
+  var p = Popcorn("#video");
+  p.on('loadeddata', function() {
+    p.currentTime(defineStartTime());
+  });
+
+  // Sometimes media has already loaded before our loadeddata listener is 
+  // attached. If the media is already past the loadeddata stage then we 
+  // trigger the event manually ourselves
+  if ($('#video')[0].readyState > 0) {
+    p.emit('loadeddata');
+  }
+}, false);
+
+
+document.getElementById('slide').appendChild(svgobj);
+
+window.onresize = function(event) {
+	svgobj.style.left = document.getElementById("slide").offsetLeft + "px";
+  svgobj.style.top = "8px";
+};

data/presentation/0.81/playback.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<!--
+BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
+
+Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
+
+This program is free software; you can redistribute it and/or modify it under the
+terms of the GNU Lesser General Public License as published by the Free Software
+Foundation; either version 3.0 of the License, or (at your option) any later
+version.
+*
+BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License along
+with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+-->
+<html>
+<head>
+  <title>BigBlueButton Playback</title>
+  <link rel="stylesheet" href="css/bbb.playback.css">
+  <script type="text/javascript" src="lib/jquery.min.js"></script>
+  <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
+
+  <link rel="stylesheet" type="text/css" href="acornmediaplayer/acornmediaplayer.base.css" />
+  <script type="text/javascript" src="acornmediaplayer/jquery.acornmediaplayer.js"></script>
+  <link rel="stylesheet" type="text/css" href="acornmediaplayer/themes/access/acorn.access.css" />
+  <link rel="stylesheet" type="text/css" href="acornmediaplayer/themes/darkglass/acorn.darkglass.css" />
+
+
+  <script type="text/javascript" src="playback.js"></script>
+  <script type="text/javascript" src="lib/popcorn-complete.min.js"></script>
+  <script type="text/javascript" src="lib/popcorn.chattimeline.js"></script>
+
+  <!--script type="text/javascript">
+    jQuery(function() {
+      
+    });
+  </script-->
+
+  <style>
+  .acorn-player.darkglass {
+    overflow: visible;
+  }
+  </style>
+</head>
+<body>
+	<h1 class="visually-hidden">BigBlueButton Playback</h1>
+	<div id="playbackArea" class="clearfix" role="main">
+		<h2 class="visually-hidden">Slide Thumbnails</h2>
+		<div id="thumbnails" role="region" aria-label="Slide thumbnails"></div>
+		<h2 class="visually-hidden">Presentation Slides</h2>
+		<div id="presentation">
+			<div class="circle" id="cursor" style="visibility:hidden;"></div>
+			<div id="slide" role="img" aria-labelledby="slideText"></div>
+			<div id="slideText" class="visually-hidden" aria-live="polite"></div>
+		</div>
+		<div id="chatAndMediaArea">
+			<h2 class="visually-hidden">Chat Messages</h2>
+			<input type="checkbox" name="exposechat" id="exposechat" value="exposechat" class="visually-hidden" checked="checked" />
+			<label for="exposechat" class="visually-hidden">Read chat messages</label>
+			<div id="chat" aria-live="polite" role="region" aria-label="Chat messages"></div>
+			<div id="videoRecordingWrapper" role="region" aria-label="Video">
+<!--
+			  <video id="webcam" >You must use an HTML5 capable browser to view this page.
+			  This playback requires modern browser, please use FF, Safari, Chrome</video>
+-->			  
+		  	</div>
+	  		<div id="audioRecordingWrapper" role="region" aria-label="Audio">
+<!--
+		  	  <audio id="video">You must use an HTML5 capable browser to view this page.
+			  This playback requires modern browser, please use FF, Safari, Chrome</audio>	
+-->
+			</div>
+	  	</div>
+	</div>
+	<!--div id="playbackControls">
+		<div id="autoscrollWrapper">
+			<input id="autoscrollEnabled" type="checkbox" name="autoscrollEnabled" checked="true" aria-label="Toggle autoscroll"/>
+			<label for="autoscrollEnabled">Auto scroll</label>
+		</div>
+	</div-->
+
+	<!--
+	<div id="accInfo">
+		<input id="accEnabled" type="checkbox" value="accEnabled" />
+		<label for="accEnabled">Enable accessibility pauses</label><br/>
+		<div id="countdown" />
+	</div>
+	-->
+	<div id="footer">
+                <p>Recorded with <a target="_blank" href="http://bigbluebutton.org/">BigBlueButton</a>. </p>
+                <p>Use <a target="_blank" href="http://mozilla.org/firefox">Mozilla Firefox</a> or
+                   <a target="_blank" href="http://google.com/chrome/">Google Chrome</a> to play this recording.
+                </p>
+        </div>
+<!--	<script src='lib/writing.js'></script> -->
+</body>
+</html>

data/presentation/0.81/playback.js

@@ -0,0 +1,427 @@
+/*
+
+BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
+
+Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
+
+This program is free software; you can redistribute it and/or modify it under the
+terms of the GNU Lesser General Public License as published by the Free Software
+Foundation; either version 3.0 of the License, or (at your option) any later
+version.
+
+BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License along
+with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+*/
+
+goToSlide = function(time) {
+  var pop = Popcorn("#video");
+  pop.currentTime(time);
+}
+
+getUrlParameters = function() {
+  var map = {};
+  var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
+    map[key] = value;
+  });
+  return map;
+}
+
+/*
+ * From: http://stackoverflow.com/questions/1634748/how-can-i-delete-a-query-string-parameter-in-javascript/4827730#4827730
+ */
+removeUrlParameter = function(url, param) {
+  var urlparts= url.split('?');
+  if (urlparts.length>=2) {
+    var prefix= encodeURIComponent(param)+'=';
+    var pars= urlparts[1].split(/[&;]/g);
+    for (var i=pars.length; i-- > 0;) {
+      if (pars[i].indexOf(prefix, 0)==0)
+        pars.splice(i, 1);
+    }
+    if (pars.length > 0) {
+      return urlparts[0]+'?'+pars.join('&');
+    } else {
+      return urlparts[0];
+    }
+  } else {
+    return url;
+  }
+}
+
+/*
+ * Converts seconds to HH:MM:SS
+ * From: http://stackoverflow.com/questions/6312993/javascript-seconds-to-time-with-format-hhmmss#6313008
+ */
+secondsToHHMMSS = function(secs) {
+  var hours   = Math.floor(secs / 3600);
+  var minutes = Math.floor((secs - (hours * 3600)) / 60);
+  var seconds = secs - (hours * 3600) - (minutes * 60);
+
+  if (hours   < 10) {hours   = "0"+hours;}
+  if (minutes < 10) {minutes = "0"+minutes;}
+  if (seconds < 10) {seconds = "0"+seconds;}
+  var time    = hours+':'+minutes+':'+seconds;
+  return time;
+}
+
+secondsToYouTubeFormat = function(secs) {
+  var hours   = Math.floor(secs / 3600);
+  var minutes = Math.floor((secs - (hours * 3600)) / 60);
+  var seconds = secs - (hours * 3600) - (minutes * 60);
+
+  var time = "";
+  if (hours > 0)   {time += hours+"h";}
+  if (minutes > 0) {time += minutes+"m";}
+  if (seconds > 0) {time += seconds+"s";}
+
+  return time;
+}
+
+/*
+ * Full word version of the above function for screen readers
+ */
+secondsToHHMMSSText = function(secs) {
+  var hours   = Math.floor(secs / 3600);
+  var minutes = Math.floor((secs - (hours * 3600)) / 60);
+  var seconds = secs - (hours * 3600) - (minutes * 60);
+
+  var time = "";
+  if (hours   > 1) {time += hours   + " hours ";}
+  else if (hours   == 1) {time += hours   + " hour ";}
+  if (minutes > 1) {time += minutes + " minutes ";}
+  else if (minutes == 1) {time += minutes + " minute ";}
+  if (seconds > 1) {time += seconds + " seconds ";}
+  else if (seconds == 1) {time += seconds + " second ";}
+
+  return time;
+}
+
+replaceTimeOnUrl = function(secs) {
+  var newUrl = removeUrlParameter(document.URL, "t") + "&t=" + secondsToYouTubeFormat(secs);
+  window.history.replaceState({}, "", newUrl);
+}
+
+var params = getUrlParameters();
+var MEETINGID = params['meetingId'];
+var RECORDINGS = "/presentation/" + MEETINGID;
+var SLIDES_XML = RECORDINGS + '/slides_new.xml';
+var SHAPES_SVG = RECORDINGS + '/shapes.svg';
+
+/*
+ * Sets the title attribute in a thumbnail.
+ */
+setTitleOnThumbnail = function($thumb) {
+  var src = $thumb.attr("src")
+  if (src !== undefined) {
+    var num = "?";
+    var name = "undefined";
+    var match = src.match(/slide-(.*).png/)
+    if (match) { num = match[1]; }
+    match = src.match(/([^/]*)\/slide-.*\.png/)
+    if (match) { name = match[1]; }
+    $thumb.attr("title", name + " (" + num + ")")
+  }
+}
+
+/*
+ * Associates several events on a thumbnail, e.g. click to change slide,
+ * mouse over/out functions, etc.
+ */
+setEventsOnThumbnail = function($thumb) {
+  // Popcorn event to mark a thumbnail when its slide is being shown
+  var timeIn = $thumb.attr("data-in");
+  var timeOut = $thumb.attr("data-out");
+  var pop = Popcorn("#video");
+  pop.code({
+    start: timeIn,
+    end: timeOut,
+    onStart: function( options ) {
+      $parent = $("#thumbnail-" + options.start).parent();
+      $parent.addClass("active");
+      $(".thumbnail-label", $parent).show();
+
+      animateToCurrentSlide();
+    },
+    onEnd: function( options ) {
+      $parent = $("#thumbnail-" + options.start).parent();
+      $parent.removeClass("active");
+      $(".thumbnail-label", $parent).hide();
+    }
+  });
+
+  // Click on thumbnail changes the slide in popcorn
+  $thumb.parent().on("click", function() {
+    goToSlide($thumb.attr("data-in"));
+    replaceTimeOnUrl($thumb.attr("data-in"));
+  });
+
+  // Mouse over/out to show/hide the label over the thumbnail
+  $wrapper = $thumb.parent();
+  $wrapper.on("mouseover", function() {
+    $(".thumbnail-label", $(this)).show();
+  });
+  $wrapper.on("mouseout", function() {
+    if (!$(this).hasClass("active")) {
+      $(".thumbnail-label", $(this)).hide();
+    }
+  });
+}
+
+$("input[name='autoscrollEnabled']").live('change', function() {
+  animateToCurrentSlide();
+});
+
+animateToCurrentSlide = function(force) {
+  force = typeof force !== 'undefined' ? force : false;
+
+  if (force || isAutoscrollEnabled()) {
+    var currentSlide = getCurrentSlide();
+    // animate the scroll of thumbnails to center the current slide
+    var thumbnailOffset = currentSlide.prop('offsetTop') - $("#thumbnails").prop('offsetTop') + (currentSlide.prop('offsetHeight') - $("#thumbnails").prop('offsetHeight')) / 2;
+    $("#thumbnails").animate({ scrollTop: thumbnailOffset }, 'slow');
+  }
+}
+
+isAutoscrollEnabled = function() {
+  return $("input[name='autoscrollEnabled']").is(':checked');
+}
+
+setAutoscrollEnabled = function(value) {
+  $('input[name=autoscrollEnabled]').attr('checked', value);
+}
+
+getCurrentSlide = function() {
+  return $(".thumbnail-wrapper.active");
+}
+
+/*
+ * Generates the list of thumbnails using shapes.svg
+ */
+generateThumbnails = function() {
+  var xmlhttp;
+  if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
+    xmlhttp = new XMLHttpRequest();
+  } else {// code for IE6, IE5
+    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+  xmlhttp.open("GET", SHAPES_SVG, false);
+  xmlhttp.send(null);
+  
+  if (xmlhttp.responseXML)
+    var xmlDoc = xmlhttp.responseXML;
+  else {
+    var parser = new DOMParser();
+    var xmlDoc = parser.parseFromString(xmlhttp.responseText, "image/svg+xml");
+  }
+
+  var elementsMap = {};
+  var imagesList = new Array();
+  
+  xmlList = xmlDoc.getElementsByTagName("image");
+  var slideCount = 0;
+  
+  for (var i = 0; i < xmlList.length; i++) {
+    var element = xmlList[i];
+    
+    if (!$(element).attr("xlink:href"))
+      continue;
+    var src = RECORDINGS + "/" + element.getAttribute("xlink:href");
+    if (src.match(/\/presentation\/.*slide-.*\.png/)) {
+      var timeInList = xmlList[i].getAttribute("in").split(" ");
+      var timeOutList = xmlList[i].getAttribute("out").split(" ");
+
+      for (var j = 0; j < timeInList.length; j++) {
+        var timeIn = Math.floor(timeInList[j]);
+        var timeOut = Math.floor(timeOutList[j]);
+        
+        var img = $(document.createElement('img'));
+        img.attr("src", src);
+        img.attr("id", "thumbnail-" + timeIn);
+        img.attr("data-in", timeIn);
+        img.attr("data-out", timeOut);
+        img.addClass("thumbnail");
+        img.attr("alt", " ");
+        img.attr("aria-hidden", "true"); //doesn't need to be focusable for blind users
+
+        // a label with the time the slide starts
+        var label = $(document.createElement('span'));
+        label.addClass("thumbnail-label");
+        label.attr("aria-hidden", "true"); //doesn't need to be focusable for blind users
+        label.html(secondsToHHMMSS(timeIn));
+
+        var hiddenDesc = $(document.createElement('span'));
+        hiddenDesc.attr("id", img.attr("id") + "description");
+        hiddenDesc.attr("class", "visually-hidden");
+        hiddenDesc.html("Slide " + ++slideCount + " " + secondsToHHMMSSText(timeIn));
+        
+
+        // a wrapper around the img and label
+        var div = $(document.createElement('div'));
+        div.addClass("thumbnail-wrapper");
+        div.attr("role", "link"); //tells accessibility software it can be clicked
+	      div.attr("aria-describedby", img.attr("id") + "description");
+        div.append(img);
+        div.append(label);
+        div.append(hiddenDesc);
+
+        imagesList.push(timeIn);
+        elementsMap[timeIn] = div;
+	
+        setEventsOnThumbnail(img);
+        setTitleOnThumbnail(img);
+      }
+    }
+  }
+
+  imagesList.sort(function(a,b){return a - b});
+  for (var i in imagesList) {
+    $("#thumbnails").append(elementsMap[imagesList[i]]);
+  }
+}
+
+google_frame_warning = function(){
+  var message = "To support this playback please install 'Google Chrome Frame', or use other browser: Firefox, Safari, Chrome, Opera";
+  var line = document.createElement("p");
+  var link = document.createElement("a");
+  line.appendChild(document.createTextNode(message));
+  link.setAttribute("href", "http://www.google.com/chromeframe")
+  link.setAttribute("target", "_blank")
+  link.appendChild(document.createTextNode("Install Google Chrome Frame"));
+  document.getElementById("chat").appendChild(line);
+  document.getElementById("chat").appendChild(link);
+}
+  
+function checkUrl(url)
+{
+    console.log("Checking Url")
+    var http = new XMLHttpRequest();
+    http.open('HEAD', url, false);
+    http.send();
+    return http.status==200;
+}
+
+load_video = function(){
+   console.log("Loading video")
+   //document.getElementById("video").style.visibility = "hidden"  
+   var video = document.createElement("video")   
+   video.setAttribute('id','video');  
+   video.setAttribute('class','webcam');  
+
+   var webmsource = document.createElement("source");
+   webmsource.setAttribute('src', RECORDINGS + '/video/webcams.webm');
+   webmsource.setAttribute('type','video/webm; codecs="vp8.0, vorbis"');
+   video.appendChild(webmsource);
+
+   /*var time_manager = Popcorn("#video");
+   var pc_webcam = Popcorn("#webcam");
+   time_manager.on( "timeupdate", function() {
+    pc_webcam.currentTime( this.currentTime() );
+   });*/
+
+   video.setAttribute('data-timeline-sources', SLIDES_XML);    
+   //video.setAttribute('controls','');
+   //leave auto play turned off for accessiblity support
+   //video.setAttribute('autoplay','autoplay');
+
+   document.getElementById("videoRecordingWrapper").appendChild(video);
+}  
+
+load_audio = function() {
+   console.log("Loading audio")
+   var audio = document.createElement("audio") ;
+   audio.setAttribute('id', 'video');
+
+   // The webm file will work in IE with WebM components installed,
+   // and should load faster in Chrome too
+   var webmsource = document.createElement("source");
+   webmsource.setAttribute('src', RECORDINGS + '/audio/audio.webm');
+   webmsource.setAttribute('type', 'audio/webm; codecs="vorbis"');
+
+   // Need to keep the ogg source around for compat with old recordings
+   var oggsource = document.createElement("source");
+   oggsource.setAttribute('src', RECORDINGS + '/audio/audio.ogg');
+   oggsource.setAttribute('type', 'audio/ogg; codecs="vorbis"');
+
+   // Browser Bug Workaround: The ogg file should be preferred in Firefox,
+   // since it can't seek in audio-only webm files.
+   if (navigator.userAgent.indexOf("Firefox") != -1) {
+      audio.appendChild(oggsource);
+      audio.appendChild(webmsource);
+   } else {
+      audio.appendChild(webmsource);
+      audio.appendChild(oggsource);
+   }
+
+   audio.setAttribute('data-timeline-sources', SLIDES_XML);
+   //audio.setAttribute('controls','');
+   //leave auto play turned off for accessiblity support
+   //audio.setAttribute('autoplay','autoplay');
+   document.getElementById("audioRecordingWrapper").appendChild(audio);
+}
+
+load_script = function(file){
+  console.log("Loading script "+ file)
+  script = document.createElement('script');
+  script.src = file;
+  script.type = 'text/javascript';
+  document.getElementsByTagName('body').item(0).appendChild(script);
+}
+
+document.addEventListener( "DOMContentLoaded", function() {
+  var appName = navigator.appName;
+  var appVersion = navigator.appVersion;
+  //var video = document.getElementById("webcam");
+
+  if (appName == "Microsoft Internet Explorer" && navigator.userAgent.match("chromeframe") == false ) {
+    google_frame_warning
+  }
+
+  if (checkUrl(RECORDINGS + '/video/webcams.webm') == true){
+      videoContainer = document.getElementById("audioRecordingWrapper").style.display = "none";
+      load_video();
+  }else{
+      videoContainer = document.getElementById("videoRecordingWrapper").style.display = "none";       
+      chat = document.getElementById("chat");
+      chat.style.height = "600px";
+      chat.style.backgroundColor = "white";      
+      load_audio();
+  }
+  
+  //load_audio();
+  load_script("lib/writing.js");
+  //generateThumbnails();
+
+  //load up the acorn controls
+  jQuery('#video').acornMediaPlayer({
+    theme: 'darkglass',
+    volumeSlider: 'vertical'
+  });
+}, false);
+
+var secondsToWait = 0;
+
+function addTime(time){
+  if (secondsToWait === 0) {
+    Popcorn('#video').pause();
+    window.setTimeout("Tick()", 1000);
+  }
+  secondsToWait += time;
+}
+
+function Tick() {
+  if (secondsToWait <= 0 || !($("#accEnabled").is(':checked'))) {
+    secondsToWait = 0;
+    Popcorn('#video').play();
+    $('#countdown').html(""); // remove the timer
+    return;
+  }
+  
+  secondsToWait -= 1;
+  $('#countdown').html(secondsToWait);
+  window.setTimeout("Tick()", 1000);
+}

data/presentation/0.9.0/acornmediaplayer/acornmediaplayer.base.css

@@ -0,0 +1,222 @@
+/*
+ * Acorn Media Player - jQuery plugin 1.0
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ * Base stylesheet
+ *
+ */
+
+/* Main elements */
+.acorn-player, .acorn-controls {
+	position: relative;
+}
+.acorn-timer {
+	cursor: default;
+}
+.acorn-buffer {
+	width: 0px;
+}
+/* <video> */
+.acorn-player video {
+	background-color: #000;
+}
+/* <audio> */
+.acorn-player.audio-player {
+	width: 500px;
+}
+.acorn-player.audio-player audio {
+	display: none;
+}
+/* Captions and Transcript */
+.acorn-transcript {	
+	clear: both;
+	display: none;
+	
+	overflow: auto;
+	height: 15em;
+}
+.acorn-transcript-button {
+	display: none;
+}
+/* 
+ * Show the timings in square brackets before each "subtitle" in the transcript.
+ * Borrowed and adapted from Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
+ * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
+ */
+.acorn-transcript span {
+	display: block;
+	float: left;
+	width: 100%;
+	line-height: 1.5em;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+.acorn-transcript span:hover {
+	background-color: #cadde7 !important;
+	
+	font-weight: bold;
+}
+.acorn-transcript span:nth-of-type(even) {
+	background-color: #efefef;
+}
+.acorn-transcript [data-begin]:before {
+	display: block;
+	float: left;
+	content: " [" attr(data-begin) "s-" attr(data-end)"s]   ";
+	width: 15%;
+	padding: 0.2em 1.5em 0.2em 0.2em;	
+}
+.acorn-caption {
+	display: none;
+	position: absolute;
+	bottom: 75px;
+	width: 100%;
+	
+	text-align: center;
+}
+.acorn-caption-button {
+	display: none;
+}
+.acorn-caption-selector {
+	position: absolute;
+	display: none;
+	width: 170px;
+	padding: 5px;
+	height: 75px;
+	margin-bottom: 10px;
+	overflow: auto;
+	
+	background-color: #000;
+	border: 3px solid #fff;
+
+	z-index: 3;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	
+	-moz-box-shadow: 0px 1px 5px #000;
+	-webkit-box-shadow: 0px 1px 5px #000;
+	box-shadow: 0px 1px 5px #000;
+}
+.acorn-caption-selector label {
+	display: block;
+	
+	font-weight: bold;
+	color: #fff;
+}
+.acorn-caption-selector ul, .acorn-caption-selector li {
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+}
+/* Fullscreen Mode */
+.fullscreen-video {
+	position: fixed !important;
+	top: 0px;
+	left: 0px;
+	z-index: 99999 !important;
+	
+	background-color: #000;
+}
+.acorn-controls.fullscreen-controls {
+	position: fixed !important;
+	z-index: 100000 !important;
+}
+/* Loading */
+.show-loading .loading-media {
+	visibility: visible;
+}
+
+.loading-media {
+	visibility: hidden;
+	position: absolute;
+	left: 25%;
+	top: 50%;
+	width: 20px;
+	height: 20px;
+	margin-top: -10px;
+	margin-lefT: -10px;
+	
+	background-color: #000;
+	border: 5px solid #fff;
+	border-top: 5px solid rgba(0,0,0,0);
+	border-left: 5px solid rgba(0,0,0,0);
+	border-radius: 20px;
+	
+	animation: spin 1s infinite linear;
+	-o-animation: spin 1s infinite linear;
+	-moz-animation: spin 1s infinite linear;
+	-webkit-animation: spin 1s infinite linear;
+}
+
+@-o-keyframes spin {
+	0% { -o-transform:rotate(0deg); }
+	100% { -o-transform:rotate(360deg); }
+}
+@-ms-keyframes spin {
+	0% { -ms-transform:rotate(0deg); }
+	100% { -ms-transform:rotate(360deg); }
+}
+@-moz-keyframes spin {
+	0% { -moz-transform:rotate(0deg); }
+	100% { -moz-transform:rotate(360deg); }
+}
+@-webkit-keyframes spin {
+	0% { -webkit-transform:rotate(0deg); }
+	100% { -webkit-transform:rotate(360deg); }
+}
+@keyframes spin {
+	0% { transform:rotate(0deg); }
+	100% { transform:rotate(360deg); }
+}
+
+/* Controls overlay while loading */
+.show-loading .acorn-controls:after {
+	content: '';
+	position: absolute;
+	top: -2px; /* Slider handle goes above */
+	padding-bottom: 2px;
+	left: 0;
+	z-index: 10;
+	width: 100%;
+	height: 100%;
+	
+	background: #000;
+	opacity: 0.9;
+}
+
+/* Styles needed for the jQuery UI slider
+ * We're declaring these so we don't have to use jQuery UI's stylesheet
+ */
+a.ui-slider-handle {
+	position: absolute;
+	display: block;
+	margin-left: -0.6em;
+	z-index: 2;
+	cursor: default;
+	outline: none;
+}
+.ui-slider {
+	position: relative;
+}
+.ui-slider-range {
+	position: absolute;
+	display: block;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	bottom: 0;
+	border: none;
+	z-index: 1;
+}

data/presentation/0.9.0/acornmediaplayer/jquery.acornmediaplayer.js

@@ -0,0 +1,962 @@
+/*
+ * Acorn Media Player - jQuery plugin 1.6
+ *
+ * Copyright (C) 2012 Ionut Cristian Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+(function($) {
+	$.fn.acornMediaPlayer = function(options) {
+		/*
+		 * Define default plugin options
+		 */
+		var defaults = {
+			theme: 'access',
+			nativeSliders: false,
+			volumeSlider: 'horizontal',
+			captionsOn: false
+		};
+		options = $.extend(defaults, options);
+		
+		/* 
+		 * Function for generating a unique identifier using the current date and time
+		 * Used for generating an ID for the media elmenet when none is available
+		 */
+		var uniqueID = function() {
+			var currentDate = new Date();
+			return currentDate.getTime();
+		};
+		
+		/* 
+		 * Detect support for localStorage
+		 */
+		function supports_local_storage() {
+			try {
+				return 'localStorage' in window && window.localStorage !== null;
+			} catch(e){
+				return false;
+			}
+		}
+		
+		/*
+		 * Get the volume value from localStorage
+		 * If no value is present, define as maximum
+		 */
+		var volume = (supports_local_storage) ? localStorage.getItem('acornvolume') : 1;
+		if(!volume) {
+			volume = 1;
+		}
+		
+		/* 
+		 * Main plugin function
+		 * It will be called on each element in the matched set
+		 */
+		var acornPlayer = function() {
+			// set the acorn object, will contain the needed DOM nodes and others
+			var acorn = {
+				$self: $(this)
+			};
+			
+			var loadedMetadata; // Is the metadata loaded
+			var seeking; // The user is seeking the media
+			var wasPlaying; // Media was playing when the seeking started
+			var fullscreenMode; // The media is in fullscreen mode
+			var captionsActive; // Captions are active
+			
+			/* Define all the texts used
+			 * This makes it easier to maintain, make translations, etc.
+			*/
+			var text = {
+				play: 'Play',
+				playTitle: 'Start the playback',
+				pause: 'Pause',
+				pauseTitle: 'Pause the playback',
+				mute: 'Mute',
+				unmute: 'Unmute',
+				fullscreen: 'Fullscreen',
+				fullscreenTitle: 'Toggle fullscreen mode',
+				swap: 'Swap',
+				swapTitle: 'Toggle video and presention swap',
+				volumeTitle: 'Volume control',
+				seekTitle: 'Video seek control',
+				captions: 'Captions',
+				captionsTitle: 'Show captions',
+				captionsChoose: 'Choose caption',
+				transcript: 'Transcript',
+				transcriptTitle: 'Show transcript'
+			};
+			
+			// main wrapper element
+			var $wrapper = $('<div class="acorn-player" role="application"></div>').addClass(options.theme);
+
+			/*
+			 * Define attribute tabindex on the main element to make it readchable by keyboard
+			 * Useful when "aria-describedby" is present
+			 *
+			 * It makes more sense for screen reader users to first reach the actual <video> or <audio> elment and read of description of it,
+			 * than directly reach the Media Player controls, without knowing what they control.
+			 */
+			acorn.$self.attr('tabindex', '0');		
+			
+			/*
+			 * Check if the main element has an ID attribute
+			 * If not present, generate one
+			 */
+			acorn.id = acorn.$self.attr('id');
+			if(!acorn.id) {
+				acorn.id = 'acorn' + uniqueID();
+				acorn.$self.attr('id', acorn.id);
+			}
+			
+			/* 
+			 * Markup for the fullscreen button
+			 * If the element is not <video> we leave if blank, as the button if useless on <audio> elements
+			 */
+			var fullscreenBtnMarkup = (acorn.$self.is('video')) ? '<button class="acorn-fullscreen-button" title="' + text.fullscreenTitle + '" aria-controls="' + acorn.id + '" tabindex="3">' + text.fullscreen + '</button>' : '';
+			
+			/* 
+			 * Markup for the swap button
+			 * If the element is not <video> we leave if blank, as the button if useless on <audio> elements
+			 */
+			var swapBtnMarkup = (acorn.$self.is('video')) ? '<button class="acorn-swap-button" title="' + text.swapTitle + '" aria-controls="' + acorn.id + '" tabindex="4" >' + text.swap + '</button>' : '';
+			
+
+			/*
+			 * Complete markup
+			 */
+			var template = '<div class="acorn-controls">' +
+								'<button class="acorn-play-button" title="' + text.playTitle + '" aria-controls="' + acorn.id + '" tabindex="1">' + text.play + '</button>' +
+								'<input type="range" class="acorn-seek-slider" title="' + text.seekTitle + '" value="0" min="0" max="150" step="0.1" aria-controls="' + acorn.id + '" tabindex="2" />' +
+								'<span class="acorn-timer">00:00</span>' +
+								'<div class="acorn-volume-box">' +
+									'<button class="acorn-volume-button" title="' + text.mute + '" aria-controls="' + acorn.id + '" tabindex="5" >' + text.mute + '</button>' +
+									'<input type="range" class="acorn-volume-slider" title="' + text.volumeTitle + '" value="1" min="0" max="1" step="0.05" aria-controls="' + acorn.id + '" tabindex="6" />' +
+								'</div>' +
+								swapBtnMarkup +
+								fullscreenBtnMarkup +
+								'<button class="acorn-caption-button" title="' + text.captionsTitle + '"  aria-controls="' + acorn.id + '">' + text.captions + '</button>' +
+								'<div class="acorn-caption-selector"></div>' +
+								'<button class="acorn-transcript-button" title="' + text.transcriptTitle + '">' + text.transcript + '</button>' +
+							'</div>';
+
+			var captionMarkup = '<div class="acorn-caption"></div>';
+			var transcriptMarkup = '<div class="acorn-transcript" role="region" aria-live="assertive"></div>';				
+			
+			/*
+			 * Append the HTML markup
+			 */
+			
+			// append the wrapper
+			acorn.$self.after($wrapper);
+			
+			// For iOS support, I have to clone the node, remove the original, and get a reference to the new one.
+			// This is because iOS doesn't want to play videos that have just been `moved around`.
+			// More details on the issue: http://bugs.jquery.com/ticket/8015
+			$wrapper[0].appendChild( acorn.$self[0].cloneNode(true) );
+			
+			acorn.$self.trigger('pause');
+			acorn.$self.remove();
+			acorn.$self = $wrapper.find('video, audio');
+			
+			// append the controls and loading mask
+			acorn.$self.after(template).after('<div class="loading-media"></div>');
+			
+			/*
+			 * Define the newly created DOM nodes
+			 */
+			acorn.$container = acorn.$self.parent('.acorn-player');
+			
+			acorn.$controls = $('.acorn-controls', acorn.$container);
+			acorn.$playBtn = $('.acorn-play-button', acorn.$container);
+			acorn.$seek = $('.acorn-seek-slider', acorn.$container);
+			acorn.$timer = $('.acorn-timer', acorn.$container);
+			acorn.$volume = $('.acorn-volume-slider', acorn.$container);
+			acorn.$volumeBtn = $('.acorn-volume-button', acorn.$container);
+			acorn.$fullscreenBtn = $('.acorn-fullscreen-button', acorn.$container);				
+			acorn.$swapBtn = $('.acorn-swap-button', acorn.$container);	
+			/*
+			 * Append the markup for the Captions and Transcript
+			 * and define newly created DOM nodes for these
+			 */
+			acorn.$controls.after(captionMarkup);
+			acorn.$container.after(transcriptMarkup);
+			
+			acorn.$transcript = acorn.$container.next('.acorn-transcript');
+			acorn.$transcriptBtn = $('.acorn-transcript-button', acorn.$container);
+		
+			acorn.$caption = $('.acorn-caption', acorn.$container);
+			acorn.$captionBtn = $('.acorn-caption-button', acorn.$container);
+			acorn.$captionSelector = $('.acorn-caption-selector', acorn.$container);
+			
+			/*
+			 * Use HTML5 "data-" attributes to set the original Width&Height for the <video>
+			 * These are used when returning from Fullscreen Mode
+			 */
+			acorn.$self.attr('data-width', acorn.$self.width());
+			acorn.$self.attr('data-height', acorn.$self.height());
+			
+			/*
+			 * Time formatting function
+			 * Takes the number of seconds as a parameter and return a readable format "minutes:seconds"
+			 * Used with the number of seconds returned by "currentTime"
+			 */
+			var timeFormat = function(sec) {
+				var m = Math.floor(sec/60)<10?"0" + Math.floor(sec/60):Math.floor(sec/60);
+				var s = Math.floor(sec-(m*60))<10?"0" + Math.floor(sec-(m*60)):Math.floor(sec-(m*60));
+				return m + ":" + s;
+			};
+			
+			/*
+			 * PLAY/PAUSE Behaviour			 
+			 *
+			 * Function for the Play button
+			 * It triggers the native Play or Pause events
+			 */
+			var playMedia = function() {
+				if(!acorn.$self.prop('paused')) {
+					acorn.$self.trigger('pause');
+				} else {
+					//acorn.$self.trigger('play');
+					acorn.$self[0].play();
+				}
+				
+				// We return false to stop the followup click event on tablets
+				return false; 
+			};
+			
+			/* 
+			 * Functions for native playback events (Play, Pause, Ended)
+			 * These are attached to the native media events.
+			 *
+			 * Even if the user is still using some form of native playback control (such as using the Context Menu)
+			 * it will not break the behviour of our player.
+			 */
+			var startPlayback = function() {
+				acorn.$playBtn.text(text.pause).attr('title', text.pauseTitle);
+				acorn.$playBtn.addClass('acorn-paused-button');
+
+				// if the metadata is not loaded yet, add the loading class
+				if (!loadedMetadata) $wrapper.addClass('show-loading');
+			};
+			
+			var stopPlayback = function() {
+				acorn.$playBtn.text(text.play).attr('title', text.playTitle);
+				acorn.$playBtn.removeClass('acorn-paused-button');
+			};
+			
+			/*
+			 * SEEK SLIDER Behaviour
+			 * 
+			 * Updates the Timer and Seek Slider values
+			 * Is called on each "timeupdate"
+			 */
+			var seekUpdate = function() {
+				var currenttime = acorn.$self.prop('currentTime');
+				acorn.$timer.text(timeFormat(currenttime));	
+				
+				// If the user is not manualy seeking
+				if(!seeking) {
+					// Check type of sliders (Range <input> or jQuery UI)
+					if(options.nativeSliders) {
+						acorn.$seek.attr('value', currenttime);
+					} else {
+						acorn.$seek.slider('value', currenttime);
+					}
+				}
+			};
+			
+			/*
+			 * Time formatting function
+			 * Takes the number of seconds as a paramenter
+			 * 
+			 * Used with "aria-valuetext" on the Seek Slider to provide a human readable time format to AT
+			 * Returns "X minutes Y seconds"
+			 */
+			var ariaTimeFormat = function(sec) {
+				var m = Math.floor(sec/60)<10?"" + Math.floor(sec/60):Math.floor(sec/60);
+				var s = Math.floor(sec-(m*60))<10?"" + Math.floor(sec-(m*60)):Math.floor(sec-(m*60));
+				var formatedTime;
+									
+				var mins = 'minutes';
+				var secs = 'seconds';
+				
+				if(m == 1) {
+					min = 'minute';
+				}
+				if(s == 1) {
+					sec = 'second';
+				}
+				
+				if(m === 0) {
+					formatedTime = s + ' ' + secs;
+				} else {						
+					formatedTime = m + ' ' + mins + ' ' + s + ' ' + secs;
+				}				
+				
+				return formatedTime;
+			};
+			
+			/* 
+			 * jQuery UI slider uses preventDefault when clicking any element
+			 * so it stops the Blur event from being fired.
+			 * This causes problems with the Caption Selector.
+			 * We trigger the Blur event manually.
+			 */
+			var blurCaptionBtn = function() {
+				acorn.$captionBtn.trigger('blur');				
+			};
+			
+			/*
+			 * Triggered when the user starts to seek manually
+			 * Pauses the media during seek and changes the "currentTime" to the slider's value
+			 */
+			var startSeek = function(e, ui) {					
+				if(!acorn.$self.attr('paused')) {
+					wasPlaying = true;
+				}
+				acorn.$self.trigger('pause');
+				seeking = true;
+				
+				var seekLocation;
+				if(options.nativeSliders) {
+					seekLocation = acorn.$seek.val();
+				} else {
+					seekLocation = ui.value;
+				}
+				
+				acorn.$self[0].currentTime = seekLocation;
+				
+				// manually blur the Caption Button
+				blurCaptionBtn();
+			};
+			
+			/*
+			 * Triggered when user stoped manual seek
+			 * If the media was playing when seek started, it triggeres the playback,
+			 * and updates ARIA attributes
+			 */
+			var endSeek = function(e, ui) {
+				if(wasPlaying) {
+					acorn.$self.trigger('play');
+					wasPlaying = false;
+				}
+				seeking = false;			
+				var sliderUI = $(ui.handle);
+				sliderUI.attr("aria-valuenow", parseInt(ui.value, 10));
+				sliderUI.attr("aria-valuetext", ariaTimeFormat(ui.value));
+			};
+			
+			/*
+			 * Transforms element into ARIA Slider adding attributes and "tabindex"
+			 * Used on jQuery UI sliders
+			 * 
+			 * Will not needed once the jQuery UI slider gets built-in ARIA 
+			 */ 
+			var initSliderAccess = function (elem, opts) {
+				var accessDefaults = {
+				 'role': 'slider',
+				 'aria-valuenow': parseInt(opts.value, 10),
+				 'aria-valuemin': parseInt(opts.min, 10),
+				 'aria-valuemax': parseInt(opts.max, 10),
+				 'aria-valuetext': opts.valuetext
+				};
+				elem.attr(accessDefaults);        
+			};
+			
+			/*
+			 * Init jQuery UI slider
+			 */
+			var initSeek = function() {
+				
+				// get existing classes
+				var seekClass = acorn.$seek.attr('class');
+				
+				// create the new markup
+				var	divSeek = '<div class="' + seekClass + '" title="' + text.seekTitle + '"></div>';
+				acorn.$seek.after(divSeek).remove();
+				
+				// get the newly created DOM node
+				acorn.$seek = $('.' + seekClass, acorn.$container);
+				
+				// create the buffer element
+				var bufferBar = '<div class="ui-slider-range acorn-buffer"></div>';
+				acorn.$seek.append(bufferBar);
+				
+				// get the buffer element DOM node
+				acorn.$buffer = $('.acorn-buffer', acorn.$container);					
+				
+				// set up the slider options for the jQuery UI slider
+				var sliderOptions = {
+					value: 0,
+					step: 1,
+					orientation: 'horizontal',
+					range: 'min',
+					min: 0,
+					max: 100
+				}; 
+				// init the jQuery UI slider
+				acorn.$seek.slider(sliderOptions);
+			
+			};
+			 
+			/*
+			 * Seek slider update, after metadata is loaded
+			 * Attach events, add the "duration" attribute and generate the jQuery UI Seek Slider
+			 */
+			var updateSeek = function() {
+				// Get the duration of the media
+				var duration = acorn.$self[0].duration;			
+				
+				// Check for the nativeSliders option
+				if(options.nativeSliders) {
+					acorn.$seek.attr('max', duration);
+					acorn.$seek.bind('change', startSeek);
+					
+					acorn.$seek.bind('mousedown', startSeek);						
+					acorn.$seek.bind('mouseup', endSeek);
+					
+				} else {
+					
+					// set up the slider options for the jQuery UI slider
+					var sliderOptions = {
+						value: 0,
+						step: 1,
+						orientation: 'horizontal',
+						range: 'min',
+						min: 0,
+						max: duration,
+						slide: startSeek,
+						stop: endSeek
+					}; 
+					// init the jQuery UI slider
+					acorn.$seek.slider('option', sliderOptions);
+					
+					// add valuetext value to the slider options for better ARIA values
+					sliderOptions.valuetext = ariaTimeFormat(sliderOptions.value);
+					// accessify the slider
+					initSliderAccess(acorn.$seek.find('.ui-slider-handle'), sliderOptions);
+					
+					// manully blur the Caption Button when clicking the handle
+					$('.ui-slider-handle', acorn.$seek).click(blurCaptionBtn);
+					
+					// set the tab index
+					$('.ui-slider-handle', acorn.$seek).attr("tabindex", "2");
+
+					// show buffering progress on progress
+					acorn.$self.bind('progress', showBuffer);
+				}
+				
+
+				$wrapper.removeClass('show-loading');
+				// remove the loading element
+				//acorn.$self.next('.loading-media').remove();
+				
+			};
+			
+			/*
+			 * Show buffering progress
+			 */
+			var showBuffer = function(e) {
+				var max = parseInt(acorn.$self.prop('duration'), 10);
+				var tr = this.buffered;
+				if(tr && tr.length) {
+					var buffer = parseInt(this.buffered.end(0)-this.buffered.start(0), 10);
+					var bufferWidth = (buffer*100)/max;
+					
+					acorn.$buffer.css('width', bufferWidth + '%');
+				}				
+			};
+			
+			/*
+			 * VOLUME BUTTON and SLIDER Behaviour
+			 *
+			 * Change volume using the Volume Slider
+			 * Also update ARIA attributes and set the volume value as a localStorage item
+			 */
+			var changeVolume = function(e, ui) {
+				// get the slider value
+				volume = ui.value;
+				// set the value as a localStorage item
+				localStorage.setItem('acornvolume', volume);
+				
+				// check if the volume was muted before
+				if(acorn.$self.prop('muted')) {
+					acorn.$self.prop('muted', false);
+					acorn.$volumeBtn.removeClass('acorn-volume-mute');
+					acorn.$volumeBtn.text(text.mute).attr('title', text.mute);
+				}
+				
+				// set the new volume on the media
+				acorn.$self.prop('volume', volume);
+				
+				// set the ARIA attributes
+				acorn.$volume.$handle.attr("aria-valuenow", Math.round(volume*100));
+				acorn.$volume.$handle.attr("aria-valuetext", Math.round(volume*100) + ' percent');
+				// manually trigger the Blur event on the Caption Button
+				blurCaptionBtn();
+			};
+			
+			/*
+			 * Mute and Unmute volume
+			 * Also add classes and change label on the Volume Button
+			 */
+			var muteVolume = function() {					
+				if(acorn.$self.prop('muted') === true) {						
+					acorn.$self.prop('muted', false);
+					if(options.nativeSliders) {
+						acorn.$volume.val(volume);
+					} else {
+						acorn.$volume.slider('value', volume);
+					}
+					
+					acorn.$volumeBtn.removeClass('acorn-volume-mute');
+					acorn.$volumeBtn.text(text.mute).attr('title', text.mute);
+				} else {
+					acorn.$self.prop('muted', true);
+					
+					if(options.nativeSliders) {
+						acorn.$volume.val('0');
+					} else {
+						acorn.$volume.slider('value', '0');
+					}
+					
+					acorn.$volumeBtn.addClass('acorn-volume-mute');
+					acorn.$volumeBtn.text(text.unmute).attr('title', text.unmute);
+				}
+			};
+			
+			/*
+			 * Init the Volume Button and Slider
+			 *
+			 * Attach events, create the jQuery UI Slider for the Volume Slider and add ARIA support
+			 */
+			var initVolume = function() {
+				if(options.nativeSliders) {
+					acorn.$volume.bind('change', function() {
+						acorn.$self.prop('muted',false);
+						volume = acorn.$volume.val();
+						acorn.$self.prop('volume', volume);
+					});
+				} else {
+					var volumeClass = acorn.$volume.attr('class');
+				
+					var	divVolume = '<div class="' + volumeClass + '" title="' + text.volumeTitle + '"></div>';
+					acorn.$volume.after(divVolume).remove();
+					
+					acorn.$volume = $('.' + volumeClass, acorn.$container);
+					
+					var volumeSliderOptions = {
+						value: volume,
+						orientation: options.volumeSlider,
+						range: "min",
+						max: 1,
+						min: 0,
+						step: 0.1,
+						animate: false,
+						slide: changeVolume
+					};
+					
+					acorn.$volume.slider(volumeSliderOptions);
+					
+					acorn.$volume.$handle = acorn.$volume.find('.ui-slider-handle');
+					
+					// change and add values to volumeSliderOptions for better values in the ARIA attributes
+					volumeSliderOptions.max = 100;
+					volumeSliderOptions.value = volumeSliderOptions.value * 100;
+					volumeSliderOptions.valuetext = volumeSliderOptions.value + ' percent';
+					initSliderAccess(acorn.$volume.$handle, volumeSliderOptions);
+					acorn.$volume.$handle.attr("tabindex", "6");
+					
+					// show the volume slider when it is tabbed into
+					acorn.$volume.$handle.focus(function(){
+						if (!acorn.$volume.parent().is(":hover")) {
+							acorn.$volume.addClass("handle-focused");
+						}
+					});
+					acorn.$volume.$handle.blur(function(){
+						acorn.$volume.removeClass("handle-focused");
+					});
+					// manully blur the Caption Button when clicking the handle
+					$('.ui-slider-handle', acorn.$volume).click(blurCaptionBtn);
+				}
+				
+				acorn.$volumeBtn.click(muteVolume);
+			};
+			
+			/*
+			 * FULLSCREEN Behviour
+			 * 
+			 * Resize the video while in Fullscreen Mode
+			 * Attached to window.resize 
+			 */
+			var resizeFullscreenVideo = function() {
+				acorn.$self.attr({
+					'width': $(window).width(),
+					'height': $(window).height()
+				});
+			};
+			
+			/* 
+			 * Enter and exit Fullscreen Mode
+			 * 
+			 * Resizes the Width & Height of the <video> element
+			 * and add classes to the controls and wrapper
+			 */
+			var goFullscreen = function() {
+				if(fullscreenMode) {
+					if(acorn.$self[0].webkitSupportsFullscreen) {
+						acorn.$self[0].webkitExitFullScreen();
+					} else {
+						$('body').css('overflow', 'auto');
+					
+						var w = acorn.$self.attr('data-width');
+						var h = acorn.$self.attr('data-height');
+					
+						acorn.$self.removeClass('fullscreen-video').attr({
+							'width': w,
+							'height': h
+						});
+						
+						$(window).unbind('resize');
+						
+						acorn.$controls.removeClass('fullscreen-controls');
+					}
+					
+					fullscreenMode = false;
+					
+				} else {						
+					if(acorn.$self[0].webkitSupportsFullscreen) {
+						acorn.$self[0].webkitEnterFullScreen();
+					} else if (acorn.$self[0].mozRequestFullScreen) {
+						acorn.$self[0].mozRequestFullScreen();
+						acorn.$self.attr('controls', 'controls');
+						document.addEventListener('mozfullscreenchange', function() {
+							console.log('screenchange event found');
+							if (!document.mozFullScreenElement) {
+								acorn.$self.removeAttr('controls');
+								//document.removeEventListener('mozfullscreenchange');
+							}
+						});
+					} else {
+						$('body').css('overflow', 'hidden');
+					
+						acorn.$self.addClass('fullscreen-video').attr({
+							width: $(window).width(),
+							height: $(window).height()
+						});
+						
+						$(window).resize(resizeFullscreenVideo);
+						
+						acorn.$controls.addClass('fullscreen-controls');
+					}
+					
+					fullscreenMode = true;
+					
+				}
+			};	
+			
+			/* 
+			 * Swap the video and presentation areas
+			 * 
+			 * Resizes and moves based on hard coded numbers
+			 * Uses css to move it 
+			 */
+
+			var goSwap = function() {
+                                acorn.$self.trigger('swap');
+			}
+
+			/* 
+			 * CAPTIONS Behaviour
+			 *		
+			 * Turning off the captions
+			 * When selecting "None" from the Caption Selector or when the caption fails to load
+			 */			
+			var captionBtnActiveClass = 'acorn-caption-active';
+			var captionBtnLoadingClass = 'acorn-caption-loading';
+			var transcriptBtnActiveClass = 'acorn-transcript-active';
+			
+			var captionRadioName = 'acornCaptions' + uniqueID();
+			 
+			var captionOff = function() {
+				for (var i = 0; i < acorn.$track.length; i++) {
+					var track = acorn.$track[i];
+					track.track.mode = "disabled";
+				}
+				
+				acorn.$captionBtn.removeClass(captionBtnActiveClass);
+			};
+			
+			/*
+			 * Initialize the Caption Selector
+			 * Used when multiple <track>s are present
+			 */
+			var initCaptionSelector = function() {
+				// calculate the position relative to the parent controls element
+				var setUpCaptionSelector = function() {
+					var pos = acorn.$captionBtn.offset();
+					var top = pos.top - acorn.$captionSelector.outerHeight(true);
+					var left = pos.left - ((acorn.$captionSelector.outerWidth(true) - acorn.$captionBtn.outerWidth(true))/2);
+					
+					var parentPos = acorn.$controls.offset();
+					
+					left = left - parentPos.left;
+					top = top - parentPos.top;
+					
+					acorn.$captionSelector.css({
+							'top': top,
+							'left': left
+						});
+				};
+				
+				acorn.$fullscreenBtn.click(setUpCaptionSelector);
+				$(window).resize(function() {
+					setUpCaptionSelector();		
+				});
+				
+				setUpCaptionSelector();
+				
+				/*
+				 * Show and hide the caption selector based on focus rather than hover.
+				 * This benefits both touchscreen and AT users.
+				 */
+				var hideSelector; // timeout for hiding the Caption Selector				
+				var showCaptionSelector = function() {
+					if(hideSelector) {
+						clearTimeout(hideSelector);
+					}
+					acorn.$captionSelector.show();
+				};
+				var hideCaptionSelector = function() {
+					hideSelector = setTimeout(function() {
+						acorn.$captionSelector.hide();						
+					}, 200);
+				};
+				
+				/* Little TEMPORARY hack to focus the caption button on click
+				   This is because Webkit does not focus the button on click */
+				acorn.$captionBtn.click(function() {
+					$(this).focus();
+				});
+				
+				acorn.$captionBtn.bind('focus', showCaptionSelector);
+				acorn.$captionBtn.bind('blur', hideCaptionSelector);
+				
+				$('input[name=' + captionRadioName + ']', acorn.$container).bind('focus', showCaptionSelector);
+				$('input[name=' + captionRadioName + ']', acorn.$container).bind('blur', hideCaptionSelector);
+				
+				/*
+				 * Make the Caption Selector focusable and attach events to it
+				 * If we wouldn't do this, when we'd use the scroll on the Caption Selector, it would dissapear
+				 */
+				acorn.$captionSelector.attr('tabindex', '-1');
+				acorn.$captionSelector.bind('focus', showCaptionSelector);
+				acorn.$captionSelector.bind('blur', hideCaptionSelector);
+			};
+			
+			/*
+			 * Current caption loader
+			 * Loads a SRT file and uses it as captions
+			 * Takes the url as a parameter
+			 */
+			var loadCaption = function(url) {
+				// Iterate through the available captions, and disable all but the selected one
+				for (var i = 0; i < acorn.$track.length; i++) {
+					var track = acorn.$track[i];
+					if (track.getAttribute('src') == url) {
+						track.track.mode = "showing";
+
+						// TODO transcript markup?
+						// show the Transcript Button						
+						//acorn.$transcriptBtn.show();
+						
+						/* 
+						 * Generate the markup for the transcript
+						 * Markup based on Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
+						 * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
+						 */
+						//var transcriptText = '';
+						//$(captions).each(function() {
+						//	transcriptText += '<span data-begin="' + parseInt(this.start, 10) + '" data-end=' + parseInt(this.end, 10) + '>' + this.content.replace("'","") + '</span>';
+						//});
+						// append the generated markup
+						//acorn.$transcript.html(transcriptText);
+					} else {
+						track.track.mode = "disabled";
+					}
+				}
+				captionsActive = true;
+				acorn.$captionBtn.addClass(captionBtnActiveClass);
+			};
+			
+			/*			 
+			 * Show or hide the Transcript based on the presence of the active class
+			 */
+			var showTranscript = function() {
+				if($(this).hasClass(transcriptBtnActiveClass)) {
+					acorn.$transcript.hide();						
+				} else {
+					acorn.$transcript.show();
+				}
+				$(this).toggleClass(transcriptBtnActiveClass);
+			};
+
+			/*
+			 * Caption loading and initialization
+			 */
+			var initCaption = function() {
+				// Check if we have browser support for captions
+				if (typeof(TextTrack) === "undefined") {
+					return;
+				}
+
+				// get all <track> elements
+				acorn.$track = $('track', acorn.$self);
+				
+				// if there is at least one <track> element, show the Caption Button
+				if(acorn.$track.length) {
+					acorn.$captionBtn.show();
+				}
+				
+				// check if there is more than one <track> element
+				// if there is more than one track element we'll create the Caption Selector
+				if(acorn.$track.length>1) {
+					// set a different "title" attribute
+					acorn.$captionBtn.attr('title', text.captionsChoose);
+					
+					// markup for the Caption Selector
+					var captionList = '<ul><li><label><input type="radio" name="' + captionRadioName + '" checked="true" />None</label></li>';					
+					acorn.$track.each(function() {
+						var tracksrc = $(this).attr('src');
+						captionList += '<li><label><input type="radio" name="' + captionRadioName + '" data-url="' + $(this).attr('src') + '" />' + $(this).attr('label') + '</label></li>';
+					});
+					captionList += '</ul>';
+					
+					// append the generated markup
+					acorn.$captionSelector.html(captionList);
+					
+					// change selected caption
+					var changeCaption = function() {
+						// get the original <track> "src" attribute from the custom "data-url" attribute of the radio input
+						var tracksrc = $(this).attr('data-url');
+						if(tracksrc) {
+							loadCaption(tracksrc);						
+						} else {
+							// if there's not "data-url" attribute, turn off the caption
+							captionOff();
+						}
+					};
+					
+					// attach event handler
+					$('input[name=' + captionRadioName + ']', acorn.$container).change(changeCaption);
+				
+					// initialize Caption Selector
+					initCaptionSelector();
+					
+					// load first caption if captionsOn is true
+					var firstCaption = acorn.$track.first().attr('src');
+					if(options.captionsOn) {
+						loadCaption(firstCaption);
+						$('input[name=' + captionRadioName + ']', acorn.$container).removeAttr('checked');
+						$('input[name=' + captionRadioName + ']:eq(1)', acorn.$container).attr('checked', 'true');
+					};
+				} else if(acorn.$track.length) {
+					// if there's only one <track> element
+					// load the specific caption when activating the Caption Button
+					var tracksrc = acorn.$track.attr('src');
+					
+					acorn.$captionBtn.bind('click', function() {		
+						if($(this).hasClass(captionBtnActiveClass)) {
+							captionOff();
+						} else {
+							loadCaption(tracksrc);
+						}
+					});
+
+					// load default caption if captionsOn is true
+					if(options.captionsOn) loadCaption(tracksrc);					
+				}
+				
+				// attach event to Transcript Button
+				acorn.$transcriptBtn.bind('click', showTranscript);
+			};
+			
+			/*
+			 * Initialization self-invoking function
+			 * Runs other initialization functions, attaches events, removes native controls
+			 */
+			var init = function() {
+				// attach playback handlers
+				acorn.$playBtn.bind( 'touchstart click', playMedia);
+				acorn.$self.bind( 'touchstart click' , playMedia);
+
+				acorn.$self.bind('play', startPlayback);
+				acorn.$self.bind('pause', stopPlayback);
+				acorn.$self.bind('ended', stopPlayback);
+				
+				// update the Seek Slider when timeupdate is triggered
+				acorn.$self.bind('timeupdate', seekUpdate);
+				
+				// bind Fullscreen Button
+				acorn.$fullscreenBtn.click(goFullscreen);
+				
+				// bind Swap Button
+				acorn.$swapBtn.click(goSwap);
+
+				// initialize volume controls
+				initVolume();				
+				
+				// add the loading class
+				$wrapper.addClass('');
+				
+				if(!options.nativeSliders) initSeek();
+				
+				// once the metadata has loaded
+				acorn.$self.bind('loadedmetadata', function() {
+					/* I use an interval to make sure the video has the right readyState
+					 * to bypass a known webkit bug that causes loadedmetadata to be triggered
+					 * before the duration is available
+					 */
+
+					var t = window.setInterval(function() {
+								if (acorn.$self[0].readyState > 0) {
+									loadedMetadata = true;
+									updateSeek();
+									
+									clearInterval(t);
+								}
+							}, 500);
+					
+					initCaption();					
+				});
+			
+				// trigger update seek manualy for the first time, for iOS support
+				updateSeek();
+				
+				// remove the native controls
+				acorn.$self.removeAttr('controls');
+				
+				if(acorn.$self.is('audio')) {
+					/*
+					 * If the media is <audio>, we're adding the 'audio-player' class to the element.
+					 * This is because Opera 10.62 does not allow the <audio> element to be targeted by CSS
+					 * and this can cause problems with themeing.
+					 */
+					acorn.$container.addClass('audio-player');
+				}
+			}();
+		
+		};
+		
+		// iterate and reformat each matched element
+		return this.each(acornPlayer);
+	};
+
+})(jQuery);

data/presentation/0.9.0/acornmediaplayer/themes/access/acorn.access.css

@@ -0,0 +1,314 @@
+/*
+ * acccess - Accessible Theme for Acorn Media Player
+ * accesslight - Child theme of access
+ *
+ * To be used with the horizontal volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of access theme */
+.acorn-player.access {
+	float: left;
+	position: relative;
+	overflow: hidden;
+	
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.access video {
+	float: left;
+	clear: both;
+	background-color: #000;
+}
+/* Player Controls */
+.acorn-player.access .acorn-controls {
+	position: relative;	
+	float: left;
+	clear: both;
+	width: 100%;
+	padding-top: 15px;
+		
+	background-image: url(controls-background-dark.png);
+	background-position: bottom left;
+}
+/* <button>s */
+.acorn-player.access button {
+	position: relative;	
+	margin: 0;
+	padding-left: 25px;
+	height: 35px;
+	border: 1px solid #333;
+	background-color: #3F3F3F;
+	background-position: 5px center, top left;
+	background-repeat: no-repeat, repeat-x;	
+	
+	font-weight: bold;
+	color: #fff;
+	text-shadow: 0px -1px 1px #000;
+	
+	cursor: pointer;
+}
+.acorn-player.access button:hover, .acorn-player.access button:focus {
+	background-color: #044293;
+	background-position: 5px center, left -33px;
+}
+.acorn-player.access button:active {
+	top: 1px;	
+	box-shadow: inset 1px 1px 10px #000;
+}
+/* Playback Controls(Play, Pause) */
+.acorn-player.access .acorn-play-button {
+	float: left;
+	display: block;
+	width: 75px;
+	background-image: url(access-play.png), url(button-background-dark.png);
+}
+.acorn-player.access .acorn-paused-button {
+	background-image: url(access-pause.png), url(button-background-dark.png);
+}
+/* Seek Slider */
+.acorn-player.access .acorn-seek-slider {
+	position:absolute;
+	top: 0px;
+	display: block;
+	width: 100%;
+	height: 15px;
+		
+	background: #7289A8;
+	z-index: 2;
+}
+.acorn-player.access .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;
+	width: 13px;
+	height: 13px;
+	border: 3px solid #fff;
+	top: -2px;
+
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+	
+	-moz-box-shadow: 0px 2px 8px #000;
+	-webkit-box-shadow: 0px 2px 8px #000;
+	box-shadow: 0px 2px 8px #000;
+	
+	background: #888;
+}
+.acorn-player.access .acorn-seek-slider .ui-slider-range {	
+	background: #0750B2;	
+}
+.acorn-player.access .acorn-buffer {	
+	background: #8E9DAF !important;	
+}
+.acorn-player.access .acorn-seek-slider .ui-state-focus, .acorn-player.access .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #0750B2 !important;
+	
+	-moz-box-shadow: 0px 2px 15px #000;
+	-webkit-box-shadow: 0px 2px 15px #000;
+	box-shadow: 0px 2px 15px #000;
+}
+/* Timer */
+.acorn-player.access .acorn-timer {
+	position: absolute;
+	top: 25px;
+	left: 260px;
+	
+	color: #efefef;
+	font-size: 14px;
+	font-weight: bold;
+	text-shadow: 0px -1px 2px #000;
+}
+/* Volume Container */
+.acorn-player.access .acorn-volume-box {
+	float: left;
+	overflow: hidden;
+	padding-right: 10px;
+	
+	-moz-box-shadow: 2px 0px 5px #111;
+	-webkit-box-shadow: 2px 0px 5px #111;
+	box-shadow: 2px 0px 5px #111;
+}
+/* Volume Button */
+.acorn-player.access .acorn-volume-button {
+	float: left;
+	width: 85px;
+	border-left: none;
+	background-image: url(access-volume-full.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: 2px 0px 5px #111;
+	-webkit-box-shadow: 2px 0px 5px #111;
+	box-shadow: 2px 0px 5px #111;
+}
+.acorn-player.access .acorn-volume-mute {
+	background-image: url(access-volume.png), url(button-background-dark.png);
+}
+/* Volume Slider */
+.acorn-player.access .acorn-volume-slider {
+	float: left;
+	height: 5px;
+	width: 70px;
+	margin-left: 10px;
+	margin-top: 15px;		
+	border: 1px solid #333;	
+	
+	background: #111;
+	
+	-moz-box-shadow: 0px 1px 1px #777;
+	-webkit-box-shadow: 0px 1px 1px #777;
+	box-shadow: 0px 1px 1px #777;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-handle {
+	width: 5px;
+	height: 15px;	
+	margin-top: -5px;
+	margin-left: -5px;
+	
+	border: 1px solid #333;
+	background: #BCBCBC;
+		
+	-moz-box-shadow: 0px 0px 5px #000;
+	-webkit-box-shadow: 0px 0px 5px #000;
+	box-shadow: 0px 0px 5px #000;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-hover, .acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-focus {
+	background: #fff !important;
+}
+.acorn-player.access .acorn-volume-slider .ui-slider-range {	
+	background: #636F7C;
+}
+/* Fullscreen Button */
+.acorn-player.access .acorn-fullscreen-button {
+	float: right;
+	background-image: url(access-fullscreen.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+/* Fullscreen Mode */
+.acorn-player.access .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+.acorn-player.access .fullscreen-controls .acorn-fullscreen-button {
+	background-image: url(access-exit-fullscreen.png), url(button-background-dark.png);
+}
+/* Caption Button */
+.acorn-player.access .acorn-caption-button {
+	float: right;
+	border-right: none;
+	background-image: url(access-captions.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+.acorn-player.access .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+	
+	text-shadow: 0px 1px 5px #000;
+}
+/* Transcript */
+.acorn-player.access .acorn-transcript-button {
+	float: right;
+	border-right: none;
+	background-image: url(access-transcript.png), url(button-background-dark.png);
+	
+	-moz-box-shadow: -2px 0px 5px #111;
+	-webkit-box-shadow: -2px 0px 5px #111;
+	box-shadow: -2px 0px 5px #111;
+}
+.acorn-player.access .acorn-caption-active, .acorn-player.access .acorn-transcript-active {
+	background-position: 5px center, left bottom;
+}
+/* 
+ * acesslight Child Theme
+ */
+.acorn-player.access.accesslight .acorn-controls {
+	background-image: url(controls-background-light.png);
+}
+/* <button>s */
+.acorn-player.access.accesslight button {
+	border: 1px solid #bdbdbd;
+		
+	color: #333;
+	text-shadow: 0px 1px 0px #fff;
+}
+/* Playback Controls(Play, Pause) */
+.acorn-player.access.accesslight .acorn-play-button {
+	background-image: url(access-play-dark.png), url(button-background-light.png);
+}
+.acorn-player.access.accesslight .acorn-paused-button {
+	background-image: url(access-pause-dark.png), url(button-background-light.png);
+}
+/* Volume Button */
+.acorn-player.access.accesslight .acorn-volume-button {
+	background-image: url(access-volume-full-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: 2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
+	box-shadow: 2px 0px 5px #8c8c8c;
+}
+.acorn-player.access.accesslight .acorn-volume-mute {
+	background-image: url(access-volume-dark.png), url(button-background-light.png);
+}
+/* Caption Buttton */
+.acorn-player.access.accesslight .acorn-caption-button {
+	background-image: url(access-captions-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+/* Transcript */
+.acorn-player.access.accesslight .acorn-transcript-button {
+	background-image: url(access-transcript-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+.acorn-player.access.accesslight .acorn-caption-active, .acorn-player.access.accesslight .acorn-transcript-active {
+	color: #000;
+	text-shadow: none;
+}
+/* Fullscreen Button */
+.acorn-player.access.accesslight .acorn-fullscreen-button {	
+	background-image: url(access-fullscreen-dark.png), url(button-background-light.png);
+	
+	-moz-box-shadow: -2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
+	box-shadow: -2px 0px 5px #8c8c8c;
+}
+/* Volume Container */
+.acorn-player.access.accesslight .acorn-volume-box {
+	-moz-box-shadow: 2px 0px 5px #8c8c8c;
+	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
+	box-shadow: 2px 0px 5px #8c8c8c;
+}
+/* Timer */
+.acorn-player.access.accesslight .acorn-timer {	
+	color: #333;
+	text-shadow: 0px 1px 2px #fff;
+}
+/* Volume Slider */
+.acorn-player.access.accesslight .acorn-volume-slider {
+	border: 1px solid #333;	
+	background: #c1c1c1;
+	
+	-moz-box-shadow: 0px 1px 1px #fff;
+	-webkit-box-shadow: 0px 1px 1px #fff;
+	box-shadow: 0px 1px 1px #fff;
+}

data/presentation/0.9.0/acornmediaplayer/themes/barebones/acorn.barebones.css

@@ -0,0 +1,143 @@
+/*
+ * barebones - Theme for Acorn Media Player 
+ * 
+ * To be used with the horizontal volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of barebones theme */
+.acorn-player.barebones {
+	float: left;
+	position: relative;
+	
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.barebones video {
+	float: left;
+	clear: both;
+	
+	margin-bottom: 5px;
+}
+/* Player Controls */
+.acorn-player.barebones .acorn-controls {
+	position: relative;
+	float: left;
+	clear: both;
+	
+	width: 100%;	
+}
+/* <button>s */
+.acorn-player.barebones button {	
+}
+/* Playback controls(Play, Pause) */
+.acorn-player.barebones .acorn-play-button {
+	float: left;
+}
+.acorn-player.barebones .acorn-paused-button {	
+}
+/* Seek Slider */
+.acorn-player.barebones .acorn-seek-slider {
+	position: relative;
+	display: block;
+	float: left;
+	width: 40%;
+	height: 10px;
+	margin: 6px 0px 0px 10px;
+	background: #ADADAD;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;	
+	width: 15px;
+	height: 15px;	
+	top: -3px;
+	background: #e6e6e6;
+	border: 1px solid #000;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-slider-range {		
+	background: #4cbae8;
+}
+.acorn-player.barebones .acorn-buffer {
+	background: #939393 !important;
+}
+.acorn-player.barebones .acorn-seek-slider .ui-state-focus, .acorn-player.barebones .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #fff !important;
+}
+/* Timer */
+.acorn-player.barebones .acorn-timer {
+	float: left;
+	margin: 2px 0px 0px 5px;
+}
+/* Volume Box */
+.acorn-player.barebones .acorn-volume-box {	
+	float: left;
+	margin-left: 10px;
+}
+/* Volume Slider */
+.acorn-player.barebones .acorn-volume-slider {
+	float: left;
+	height: 10px;
+	width: 50px;
+	left: 4px;
+	margin: 6px 0px 0px 10px;
+	
+	background: #535353;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-handle {
+	width: 12px;
+	height: 12px;
+	left: -4px;
+	top: -2px;	
+	border: 1px solid #000;
+	background: #e6e6e6;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-handle.ui-state-hover {
+	background: #fff;
+}
+.acorn-player.barebones .acorn-volume-slider .ui-slider-range {	
+	background: #e6e6e6;
+}
+/* Volume Button */
+.acorn-player.barebones .acorn-volume-button {
+	float: left;
+}
+.acorn-player.barebones .acorn-volume-mute {
+}
+/* Fullscreen Button */
+.acorn-player.barebones .acorn-fullscreen-button {
+	float: right;
+}
+/* Fullscreen Mode */
+.acorn-player.barebones .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+/* Caption Button */
+.acorn-player.barebones .acorn-caption-button {
+	float: right;
+}
+.acorn-player.barebones .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+}
+.acorn-player.barebones .acorn-caption-active {
+	border: 2px solid #8F0000 !important;
+}
+.acorn-player.barebones .acorn-transcript-active {
+	border: 2px solid #8F0000 !important;
+}
+/* Transcript Button */
+.acorn-player.barebones .acorn-transcript-button {
+	float: right;
+}

data/presentation/0.9.0/acornmediaplayer/themes/bigbluebutton/acorn.bigbluebutton.css

@@ -0,0 +1,337 @@
+/*
+ * bigbluebutton - Theme for Acorn Media Player
+ * bigbluebuttonsmall - Child theme of bigbluebutton
+ *
+ * To be used with the vertical volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+
+/* Start of bigbluebutton theme */
+.acorn-player.bigbluebutton {
+  float: left;
+  position: relative;
+  padding: 0;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.bigbluebutton video {
+  float: left;
+  clear: both;
+  margin: 0;
+  cursor: pointer;
+}
+/* Player Controls */
+.acorn-player.bigbluebutton .acorn-controls {
+  position: relative;
+  float: left;
+  clear: both;
+  width: 95%;
+  padding: 5px 40px 5px 5px;
+  border: 0;
+  background: #2a2d34; /* #314b5d; */
+}
+/* <button>s */
+.acorn-player.bigbluebutton button {
+  position: relative;
+  width: 35px;
+  margin: 0 6px;
+  padding: 0px;
+  border: none;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: auto 100%;
+
+  opacity: 0.6;
+  -moz-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+
+  cursor: pointer;
+  text-indent: -9999px;
+}
+.acorn-player.bigbluebutton button:hover, .acorn-player.bigbluebutton button:focus {
+  opacity: 1;
+}
+.acorn-player.bigbluebutton button:active {
+  top: 1px;
+}
+/* Playback controls(Play, Pause) */
+.acorn-player.bigbluebutton .acorn-play-button {
+  float: left;
+  display: block;
+  background-image: url(bigbluebutton-play.png);
+}
+.acorn-player.bigbluebutton .acorn-paused-button {
+  background-image: url(bigbluebutton-pause.png);
+}
+/* Seek Slider */
+.acorn-player.bigbluebutton .acorn-seek-slider {
+  position: relative;
+  display: block;
+  float: left;
+  width: 70%;
+  height: 12px;
+  margin: 5px 10px 5px 10px;
+  background: #8E9DAF;
+}
+.acorn-player.bigbluebutton .acorn-seek-slider .ui-slider-handle {
+  display: block;
+  position: absolute;
+  width: 12px;
+  height: 16px;
+  border-left: 1px solid #333;
+  border-right: 1px solid #333;
+  top: -2px;
+  background: #e6e6e6;
+  cursor: pointer;
+  border-radius: 3px;
+}
+.acorn-player.bigbluebutton .acorn-seek-slider .ui-slider-handle:hover {
+  /* height: 18px; */
+  /* top: -4px; */
+}
+.acorn-player.bigbluebutton .acorn-seek-slider .ui-slider-range {
+  background: #289ad6;
+}
+.acorn-player.bigbluebutton .acorn-buffer {
+  background: #8E9DAF !important;
+}
+.acorn-player.bigbluebutton .acorn-seek-slider .ui-state-focus, .acorn-player.bigbluebutton .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+  background: #fff !important;
+
+  -moz-box-shadow: 0px 2px 15px #289ad6;
+  -webkit-box-shadow: 0px 2px 15px #289ad6;
+  box-shadow: 0px 2px 15px #289ad6;
+}
+/* Timer */
+.acorn-player.bigbluebutton .acorn-timer {
+  float: left;
+  width: 6%;
+  overflow: hidden;
+  margin-top: 1px;
+  color: #eee;
+  font-size: 0.9em;
+  font-weight: bold;
+  min-width: 40px;
+}
+/* Volume Box */
+.acorn-player.bigbluebutton .acorn-volume-box {
+  position: absolute;
+  float: left;
+  bottom: 6px;
+  right: 0;
+  overflow: visible;
+  color: #fff;
+  transition: all 0.1s ease-in-out 0s;
+  margin: 0 6px;
+  width: 35px;/* 5%; */
+}
+.acorn-player.bigbluebutton .acorn-volume-box:hover {
+  height: 135px;
+}
+.acorn-player.bigbluebutton .acorn-volume-slider.handle-focused {
+  position: relative;
+  visibility: visible;
+  height: 100px;
+  opacity: 1;
+  top: -100px;
+}
+.acorn-player.bigbluebutton .acorn-volume-box:hover .acorn-volume-slider {
+  position: relative;
+  visibility: visible;
+  height: 100px;
+  opacity: 1;
+  top: 0px;
+}
+/* Volume Slider */
+.acorn-player.bigbluebutton .acorn-volume-slider {
+  position: relative;
+  height: 1px;
+  width: 12px;
+  margin: 0 auto;
+  visibility: visible;
+  opacity: 0;
+  border: 1px solid #666;
+  background: #ddd; /* #8E9DAF; */
+}
+.acorn-player.bigbluebutton .acorn-volume-slider .ui-slider-handle {
+  width: 18px;
+  height: 8px;
+  left: -4px;
+  margin-bottom:-0.6em;
+  margin-left:0;
+  border: 1px solid #666;
+  border-radius: 3px;
+  background: #e6e6e6;
+
+  -moz-transition: all 0.1s ease-in-out;
+  -webkit-transition: all 0.1s ease-in-out;
+  -o-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+}
+.acorn-player.bigbluebutton .acorn-volume-slider .ui-slider-handle:hover, .acorn-player.bigbluebutton .acorn-volume-slider.handle-focused .ui-slider-handle {
+  background: #fff;
+
+  -moz-box-shadow: 0px 2px 15px #289ad6;
+  -webkit-box-shadow: 0px 2px 15px #289ad6;
+  box-shadow: 0px 2px 15px #289ad6;
+}
+.acorn-player.bigbluebutton .acorn-volume-slider .ui-slider-range {
+  background: #289ad6;
+  box-shadow: inset 0 3px 3px #d5d5d5;
+  margin-top: 15px;
+}
+/* Volume Button */
+.acorn-player.bigbluebutton .acorn-volume-button {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  display: block;
+  background: url(bigbluebutton-volume-full.png) no-repeat;
+  background-size: contain;
+  text-indent: -9999px;
+  margin: 0;
+  opacity: 0.6;
+}
+.acorn-player.bigbluebutton .acorn-volume-button:active {
+  top: auto;
+}
+.acorn-player.bigbluebutton .acorn-volume-mute {
+  background-image: url(bigbluebutton-volume.png);
+}
+/* Swap Button */
+.acorn-player.bigbluebutton .acorn-swap-button {
+  float: right;
+  background-image: url(bigbluebutton-swap.png);
+}
+/* Fullscreen Button */
+.acorn-player.bigbluebutton .acorn-fullscreen-button {
+  float: right;
+  background-image: url(bigbluebutton-fullscreen.png);
+}
+/* Fullscreen Mode */
+.acorn-player.bigbluebutton .fullscreen-controls {
+  left: 0px;
+  bottom: 0px;
+}
+.acorn-player.bigbluebutton .fullscreen-controls button {
+  height: 35px;
+}
+.acorn-player.bigbluebutton .fullscreen-controls .acorn-fullscreen-button {
+  background-image: url(bigbluebutton-exit-fullscreen.png);
+}
+.acorn-player.bigbluebutton .fullscreen-controls .acorn-seek-slider {
+  margin-top: 10px;
+}
+/* Caption Button */
+.acorn-player.bigbluebutton .acorn-caption-button {
+  float: right;
+  background-image: url(bigbluebutton-caption.png);
+}
+.acorn-player.bigbluebutton .acorn-caption {
+  font-size: 14px;
+  font-weight: bold;
+  color: #fff;
+
+  text-shadow: 0px 1px 5px #000;
+}
+.acorn-player.bigbluebutton .acorn-caption-active {
+  background-color: #8F0000 !important;
+}
+.acorn-player.bigbluebutton .acorn-transcript-active {
+  background-color: #8F0000 !important;
+}
+/* Transcript Button */
+.acorn-player.bigbluebutton .acorn-transcript-button {
+  float: right;
+  background-image: url(bigbluebutton-transcript.png);
+}
+
+.acorn-player .loading-media {
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+  margin: 0 auto;
+  background: none;
+  z-index: 999;
+  position: relative;
+  margin-top: 6px;
+}
+/* Controls overlay while loading */
+.show-loading .acorn-controls:after {
+  content: '';
+  position: absolute;
+  top: -2px; /* Slider handle goes above */
+  left: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  background: #2a2d34;
+  opacity: 0.85;
+}
+
+/* Very small screens only */
+@media only screen and (max-width: 21em) {
+  .acorn-player.bigbluebutton .acorn-seek-slider {
+    width: 20%;
+  }
+  .acorn-player.bigbluebutton .acorn-controls {
+    padding-right: 35px;
+  }
+  .acorn-player.bigbluebutton button {
+    width: 25px;
+  }
+  .acorn-player.bigbluebutton .acorn-volume-box {
+    width: 25px;
+  }
+}
+
+/* Small screens only */
+@media only screen and (min-width: 21.063em) {
+/* @media only screen and (max-width: 40em) { -- this is used by foundation */
+  .acorn-player.bigbluebutton .acorn-seek-slider {
+    width: 40%;
+  }
+  .acorn-player.bigbluebutton .acorn-controls {
+    padding-right: 35px;
+  }
+  .acorn-player.bigbluebutton button {
+    position: relative;
+    width: 25px;
+  }
+  .acorn-player.bigbluebutton .acorn-volume-box {
+    width: 25px;
+    right: 0px;
+  }
+}
+
+/* Medium screens up */
+@media only screen and (min-width: 40.063em) {
+  .acorn-player.bigbluebutton .acorn-seek-slider {
+    width: 65%;
+  }
+}
+
+/* Large screens up */
+@media only screen and (min-width: 64.063em) {
+  .acorn-player.bigbluebutton .acorn-seek-slider {
+    width: 70%;
+  }
+}

data/presentation/0.9.0/acornmediaplayer/themes/darkglass/acorn.darkglass.css

@@ -0,0 +1,363 @@
+/*
+ * darkglass - Theme for Acorn Media Player
+ * darkglasssmall - Child theme of darkglass
+ *
+ * To be used with the vertical volume slider.
+ *
+ * Copyright (C) 2010 Cristian I. Colceriu
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ */
+ 
+/* Start of darkglass theme */
+.acorn-player.darkglass {
+	float: left;
+	position: relative;	
+	padding: 2px;
+	font-family: Arial, Helvetica, sans-serif;
+}
+/* <video> element */
+.acorn-player.darkglass video {
+	float: left;
+	clear: both;
+	margin-bottom: 5px;	
+}
+/* Audio player */
+/* 
+ * If you're playing <audio>, we're assigning a Width larger by 10%, because we're missing two buttons(Captions and Transcript)
+ * each with a 5% Width
+ */
+.acorn-player.darkglass.audio-player .acorn-seek-slider {
+	width: 82%;
+}
+/* Player Controls */
+.acorn-player.darkglass .acorn-controls {
+	position: relative;
+	float: left;
+	clear: both;
+	width: 95%;
+	padding-right: 5%;
+	padding-left: 1%;
+	border: 2px solid #61625d;	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	background: #000000;
+	background-image: -moz-linear-gradient(top, #313131, #000000);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));		
+}
+/* <button>s */
+.acorn-player.darkglass button {
+	position: relative;
+	height: 22px;	
+	width: 4%;
+	margin-right: 1%;
+	padding: 0px;
+	border: none;
+	background-color: transparent;
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: auto 100%;
+	
+	opacity: 0.7;
+	-moz-transition: all 0.2s ease-in-out;
+	-webkit-transition: all 0.2s ease-in-out;
+	-o-transition: all 0.2s ease-in-out;
+	transition: all 0.2s ease-in-out;
+	
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	
+	cursor: pointer;
+	text-indent: -9999px;
+}
+.acorn-player.darkglass button:hover, .acorn-player.darkglass button:focus {
+	opacity: 1;
+}
+.acorn-player.darkglass button:active {
+	top: 1px;	
+}
+/* Playback controls(Play, Pause) */
+.acorn-player.darkglass .acorn-play-button {
+	float: left;
+	display: block;
+	background-image: url(darkglass-play.png);
+}
+.acorn-player.darkglass .acorn-paused-button {
+	background-image: url(darkglass-pause.png);
+}
+/* Seek Slider */
+.acorn-player.darkglass .acorn-seek-slider {
+	position: relative;
+	display: block;
+	float: left;
+	width: 72%;
+	height: 10px;
+	margin: 5px 1% 0px 1%;
+	background: #7289A8;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;	
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-slider-handle {
+	display: block;
+	position: absolute;	
+	width: 15px;
+	height: 15px;
+	border: 1px solid #333;
+	top: -4px;
+	background: #e6e6e6;	
+
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-slider-range {		
+	background: #0750B2;
+	
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;
+}
+.acorn-player.darkglass .acorn-buffer {
+	background: #8E9DAF !important;
+}
+.acorn-player.darkglass .acorn-seek-slider .ui-state-focus, .acorn-player.darkglass .acorn-seek-slider .ui-slider-handle.ui-state-hover {
+	background: #fff !important;
+	
+	-moz-box-shadow: 0px 2px 15px #ff0000;
+	-webkit-box-shadow: 0px 2px 15px #ff0000;
+	box-shadow: 0px 2px 15px #ff0000;
+}
+/* Timer */
+.acorn-player.darkglass .acorn-timer {
+	float: left;
+	width: 6%;
+	overflow: hidden;
+	margin-top: 5px;	
+	
+	color: #999;
+	font-size: 0.7em;
+	font-weight: bold;
+}
+/* Volume Box */
+.acorn-player.darkglass .acorn-volume-box {
+	position: absolute;
+	float: left;
+	bottom: 0px;
+	right: 0px;
+	overflow: visible;
+	width: 5%;
+	height: 35px;
+	color: #fff;	
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.2s ease-in-out;
+	transition: all 0.1s ease-in-out;
+}
+.acorn-player.darkglass .acorn-volume-box:hover {
+	height: 135px;
+}
+.acorn-player.darkglass .acorn-volume-slider.handle-focused {
+	position: relative;
+	visibility: visible;
+	height: 100px;
+	opacity: 1;
+	top: -100px;
+}
+.acorn-player.darkglass .acorn-volume-box:hover .acorn-volume-slider {
+	position: relative;
+	visibility: visible;
+	height: 100px;
+	opacity: 1;
+	top: 0px;
+}
+/* Volume Slider */
+.acorn-player.darkglass .acorn-volume-slider {
+	position: relative;
+	height: 1px;
+	width: 7px;
+	left: 4px;
+	
+	visibility: visible;
+	opacity: 0;
+	
+	border: 1px solid #444;
+
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;
+	
+	background: #535353;
+	background-image: -moz-linear-gradient(top, #535353, #333333);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
+	
+	box-shadow: inset 0 3px 3px #333333;
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.1s ease-in-out;
+	transition: all 0.1s ease-in-out; 
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-handle {
+	width: 12px;
+	height: 12px;
+	left: -4px;
+	margin-bottom:-0.6em;
+	margin-left:0;
+	border: 1px solid #333;	
+
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;	
+	
+	background: #e6e6e6;
+	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
+	
+	box-shadow: inset 0 3px 3px #d5d5d5;	
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-handle:hover, .acorn-player.darkglass .acorn-volume-slider.handle-focused .ui-slider-handle {
+	background: #fff;
+
+	-moz-box-shadow: 0px 2px 15px #ff0000;
+	-webkit-box-shadow: 0px 2px 15px #ff0000;
+	box-shadow: 0px 2px 15px #ff0000;
+}
+.acorn-player.darkglass .acorn-volume-slider .ui-slider-range {
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	border-radius: 15px;
+	
+	background: #e6e6e6;
+	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
+	
+	box-shadow: inset 0 3px 3px #d5d5d5;
+}
+/* Volume Button */
+.acorn-player.darkglass .acorn-volume-button {
+	position: absolute;	
+	bottom: 0px;
+	width: 100%;
+	display: block;	
+	background: url(darkglass-volume-full.png) no-repeat;
+	text-indent: -9999px;
+	
+	opacity: 0.8;
+}
+.acorn-player.darkglass .acorn-volume-button:active {
+	top: auto;
+}
+.acorn-player.darkglass .acorn-volume-mute {
+	background-image: url(darkglass-volume.png);
+}
+/* Swap Button */
+.acorn-player.darkglass .acorn-swap-button {
+	float: right;
+	background-image: url(darkglass-swap.png);
+}
+/* Fullscreen Button */
+.acorn-player.darkglass .acorn-fullscreen-button {
+	float: right;
+	background-image: url(darkglass-fullscreen.png);
+}
+/* Fullscreen Mode */
+.acorn-player.darkglass .fullscreen-controls {	
+	left: 0px;
+	bottom: 0px;
+}
+.acorn-player.darkglass .fullscreen-controls button {
+	height: 35px;
+}
+.acorn-player.darkglass .fullscreen-controls .acorn-fullscreen-button {
+	background-image: url(darkglass-exit-fullscreen.png);
+}
+.acorn-player.darkglass .fullscreen-controls .acorn-seek-slider {
+	margin-top: 10px;
+}
+/* Caption Button */
+.acorn-player.darkglass .acorn-caption-button {
+	float: right;
+	background-image: url(darkglass-caption.png);
+}
+.acorn-player.darkglass .acorn-caption {
+	font-size: 14px;
+	font-weight: bold;
+	color: #fff;
+	
+	text-shadow: 0px 1px 5px #000;
+}
+.acorn-player.darkglass .acorn-caption-active {
+	background-color: #8F0000 !important;
+}
+.acorn-player.darkglass .acorn-transcript-active {
+	background-color: #8F0000 !important;
+}
+/* Transcript Button */
+.acorn-player.darkglass .acorn-transcript-button {
+	float: right;
+	background-image: url(darkglass-transcript.png);
+}
+/* 
+ * darkglasssmall Child Theme
+ */
+.acorn-player.darkglasssmall {
+	padding: 0px;
+}
+.acorn-player.darkglasssmall video:hover + .acorn-controls {
+	visibility: visible;
+	opacity: 0.7;
+}
+.acorn-player.darkglasssmall .acorn-controls:hover {
+	visibility: visible;
+	opacity: 0.7;
+}
+.acorn-player.darkglasssmall .acorn-controls {
+	position: absolute;	
+	bottom: 5%;
+	width: 87%;
+	margin-left: 2%;
+	padding: 2% 7% 2% 2%;
+	
+	border: 1px solid #2E2E2E;
+	
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	
+	background: #000000;
+	background-image: -moz-linear-gradient(top, #313131, #000000);
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));
+	
+	opacity: 0;
+	visibility: hidden;	
+	
+	-moz-transition: all 0.1s ease-in-out;
+	-webkit-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.1s ease-in-out;
+	transition: all 0.1s ease-in-out;
+}
+.acorn-player.darkglasssmall .acorn-volume-box {
+	margin-right: 2%;
+	margin-bottom: 2%;
+}
+/* Audio player */
+.acorn-player.darkglasssmall.audio-player .acorn-controls {
+	display: block;
+	position: relative;
+	visibility: visible;
+	opacity: 1;
+	margin-left: 0px;
+	width: 91%;
+	
+	border: none;
+}

data/presentation/0.9.0/css/bbb.playback.css

@@ -0,0 +1,256 @@
+/*
+
+BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
+
+Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
+
+This program is free software; you can redistribute it and/or modify it under the
+terms of the GNU Lesser General Public License as published by the Free Software
+Foundation; either version 3.0 of the License, or (at your option) any later
+version.
+
+BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License along
+with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+*/
+
+html{
+}
+body {
+	font-family: Verdana;
+	background: #fff;
+	padding-top: 30px;
+}
+h1 {
+	text-align:center
+}
+br{
+	display:none
+}
+
+/*
+ * clearfix
+ * see: http://css-tricks.com/snippets/css/clear-fix/
+ */
+.clearfix:after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: " ";
+	clear: both;
+	height: 0;
+}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+#playbackArea {
+	width: 1360px; /* #slide.width + #chat.width + #audioRecording.width */
+	height: 650px;
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+#audioRecordingWrapper{
+	float: left;
+	width: 800px;
+}
+
+#audioRecording{
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	width: 100%;
+}
+
+#audioRecordingWrapper .acorn-controls, #videoRecordingWrapper .acorn-controls{
+	position: relative;
+	top: 0;
+	left: -810px;
+	width: 730px;
+}
+
+#playbackControls{
+	width: 1360px;
+	margin: 0 auto;
+	margin-top: -50px;
+}
+
+#autoscrollWrapper{
+	float: left;
+	margin-left: 10px;
+	margin-top: 8px;
+	font-size: 14px;
+}
+
+.webcam{
+  width: 402px;
+  height: 300px;
+}
+
+#video{
+  width: 402px;
+  background: white;
+}
+
+/* To remove the white space on top of the audio tag in Firefox
+ * See: http://stackoverflow.com/questions/9527453/firefox-and-html5-audio-element-dont-play-well-together
+ */
+@-moz-document url-prefix() {
+	#audioRecordingWrapper{
+		position: relative;
+		height: 28px;
+	}
+	#audioRecording {
+		position: absolute;
+		bottom: 0;
+	}
+}
+
+#presentation {
+	float: left;
+	position: relative;
+	height: 600px;
+}
+
+#slide {
+	background-image: url('../logo.png');
+	text-align: center;
+	border: 0px solid #ccc;
+	width: 800px;
+	height: 600px; /* same as slide images */
+	position: relative;
+	top: -12px;
+}
+
+/* Visually hides text
+ * see: yaccessibilityblog.com/library/css-clip-hidden-content.html
+ */
+.visually-hidden {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+	clip: rect(1px, 1px, 1px, 1px);
+	padding: 0 !important;
+	border: 0 !important;
+	height: 1px !important;
+	width: 1px !important;
+	overflow: hidden;
+}
+
+#mediaArea {
+	float: right;
+	background: white;
+	width: 402px;
+}
+
+#chatAndMediaArea{
+	float: right;
+	background: white;
+	height: 600px;
+	width: 402px;
+}
+#chat{
+	margin: 0 auto;
+	padding: 0 10px;
+	border: 0px solid #ccc;
+	height: 300px;
+	overflow: auto;
+}
+#chat div{
+	padding:0px;
+	font-size:13px;
+}
+#big {display:none}
+#mid {display:none}
+
+#thumbnails {
+	float: left;
+	width: 130px;
+	height: 600px; /* same as #slide */
+	background: #fff;
+	border: 0px solid #bbb;
+	margin-right: 10px;
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+
+#thumbnails img.thumbnail {
+	width: 100px;
+	height: auto;
+	border: 0px solid #eee;
+	margin: 5px;
+	cursor: pointer;
+	vertical-align: bottom;
+}
+
+#thumbnails .thumbnail-wrapper {
+	position: relative;
+	margin: 0;
+	padding: 0;
+}
+
+#thumbnails .thumbnail-wrapper.active {
+	background-color: #D9EDF7;
+}
+
+#thumbnails .thumbnail-wrapper.active img.thumbnail {
+	border-color: #3A87AD;
+}
+
+#thumbnails .thumbnail-label {
+	color: #fff;
+	background: #3A87AD;
+	font-weight: bold;
+	font-size: 12px;
+	position: absolute;
+	bottom: 5px;
+	left: 5px;
+	max-width: 90px;
+	text-align: center;
+	display: none;
+	padding: 2px 5px;
+	cursor: pointer;
+}
+
+#accInfo{
+        margin: 20px auto;
+        font-size:0.75em;
+        text-align: center;
+        clear: both;
+	padding-top: 75px;
+}
+
+#footer{
+        margin: 20px auto;
+        font-size:0.75em;
+        color: #666;
+        text-align: center;
+        clear: both;
+	padding-top: 35px;
+}
+
+.circle {
+	height: 12px;
+	width: 12px;
+	border-radius: 50%;
+}
+
+
+#cursor {
+	position: relative;
+	background: red;
+	z-index: 10;
+}
+
+#load-recording-msg {
+	text-align: center;
+	height: 50px;
+	width: 200px;
+	position: absolute;
+	left: 50%;
+	margin-left: -100px;
+	top:60%;
+}

data/presentation/0.9.0/css/foundation-icons.css

@@ -0,0 +1,594 @@
+/* 
+ * Foundation Icons v 3.0
+ * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
+ * MIT License
+ */
+
+@font-face {
+  font-family: "foundation-icons";
+  src: url("foundation-icons.eot");
+  src: url("foundation-icons.eot?#iefix") format("embedded-opentype"),
+       url("foundation-icons.woff") format("woff"),
+       url("foundation-icons.ttf") format("truetype"),
+       url("foundation-icons.svg#fontcustom") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.fi-address-book:before,
+.fi-alert:before,
+.fi-align-center:before,
+.fi-align-justify:before,
+.fi-align-left:before,
+.fi-align-right:before,
+.fi-anchor:before,
+.fi-annotate:before,
+.fi-archive:before,
+.fi-arrow-down:before,
+.fi-arrow-left:before,
+.fi-arrow-right:before,
+.fi-arrow-up:before,
+.fi-arrows-compress:before,
+.fi-arrows-expand:before,
+.fi-arrows-in:before,
+.fi-arrows-out:before,
+.fi-asl:before,
+.fi-asterisk:before,
+.fi-at-sign:before,
+.fi-background-color:before,
+.fi-battery-empty:before,
+.fi-battery-full:before,
+.fi-battery-half:before,
+.fi-bitcoin-circle:before,
+.fi-bitcoin:before,
+.fi-blind:before,
+.fi-bluetooth:before,
+.fi-bold:before,
+.fi-book-bookmark:before,
+.fi-book:before,
+.fi-bookmark:before,
+.fi-braille:before,
+.fi-burst-new:before,
+.fi-burst-sale:before,
+.fi-burst:before,
+.fi-calendar:before,
+.fi-camera:before,
+.fi-check:before,
+.fi-checkbox:before,
+.fi-clipboard-notes:before,
+.fi-clipboard-pencil:before,
+.fi-clipboard:before,
+.fi-clock:before,
+.fi-closed-caption:before,
+.fi-cloud:before,
+.fi-comment-minus:before,
+.fi-comment-quotes:before,
+.fi-comment-video:before,
+.fi-comment:before,
+.fi-comments:before,
+.fi-compass:before,
+.fi-contrast:before,
+.fi-credit-card:before,
+.fi-crop:before,
+.fi-crown:before,
+.fi-css3:before,
+.fi-database:before,
+.fi-die-five:before,
+.fi-die-four:before,
+.fi-die-one:before,
+.fi-die-six:before,
+.fi-die-three:before,
+.fi-die-two:before,
+.fi-dislike:before,
+.fi-dollar-bill:before,
+.fi-dollar:before,
+.fi-download:before,
+.fi-eject:before,
+.fi-elevator:before,
+.fi-euro:before,
+.fi-eye:before,
+.fi-fast-forward:before,
+.fi-female-symbol:before,
+.fi-female:before,
+.fi-filter:before,
+.fi-first-aid:before,
+.fi-flag:before,
+.fi-folder-add:before,
+.fi-folder-lock:before,
+.fi-folder:before,
+.fi-foot:before,
+.fi-foundation:before,
+.fi-graph-bar:before,
+.fi-graph-horizontal:before,
+.fi-graph-pie:before,
+.fi-graph-trend:before,
+.fi-guide-dog:before,
+.fi-hearing-aid:before,
+.fi-heart:before,
+.fi-home:before,
+.fi-html5:before,
+.fi-indent-less:before,
+.fi-indent-more:before,
+.fi-info:before,
+.fi-italic:before,
+.fi-key:before,
+.fi-laptop:before,
+.fi-layout:before,
+.fi-lightbulb:before,
+.fi-like:before,
+.fi-link:before,
+.fi-list-bullet:before,
+.fi-list-number:before,
+.fi-list-thumbnails:before,
+.fi-list:before,
+.fi-lock:before,
+.fi-loop:before,
+.fi-magnifying-glass:before,
+.fi-mail:before,
+.fi-male-female:before,
+.fi-male-symbol:before,
+.fi-male:before,
+.fi-map:before,
+.fi-marker:before,
+.fi-megaphone:before,
+.fi-microphone:before,
+.fi-minus-circle:before,
+.fi-minus:before,
+.fi-mobile-signal:before,
+.fi-mobile:before,
+.fi-monitor:before,
+.fi-mountains:before,
+.fi-music:before,
+.fi-next:before,
+.fi-no-dogs:before,
+.fi-no-smoking:before,
+.fi-page-add:before,
+.fi-page-copy:before,
+.fi-page-csv:before,
+.fi-page-delete:before,
+.fi-page-doc:before,
+.fi-page-edit:before,
+.fi-page-export-csv:before,
+.fi-page-export-doc:before,
+.fi-page-export-pdf:before,
+.fi-page-export:before,
+.fi-page-filled:before,
+.fi-page-multiple:before,
+.fi-page-pdf:before,
+.fi-page-remove:before,
+.fi-page-search:before,
+.fi-page:before,
+.fi-paint-bucket:before,
+.fi-paperclip:before,
+.fi-pause:before,
+.fi-paw:before,
+.fi-paypal:before,
+.fi-pencil:before,
+.fi-photo:before,
+.fi-play-circle:before,
+.fi-play-video:before,
+.fi-play:before,
+.fi-plus:before,
+.fi-pound:before,
+.fi-power:before,
+.fi-previous:before,
+.fi-price-tag:before,
+.fi-pricetag-multiple:before,
+.fi-print:before,
+.fi-prohibited:before,
+.fi-projection-screen:before,
+.fi-puzzle:before,
+.fi-quote:before,
+.fi-record:before,
+.fi-refresh:before,
+.fi-results-demographics:before,
+.fi-results:before,
+.fi-rewind-ten:before,
+.fi-rewind:before,
+.fi-rss:before,
+.fi-safety-cone:before,
+.fi-save:before,
+.fi-share:before,
+.fi-sheriff-badge:before,
+.fi-shield:before,
+.fi-shopping-bag:before,
+.fi-shopping-cart:before,
+.fi-shuffle:before,
+.fi-skull:before,
+.fi-social-500px:before,
+.fi-social-adobe:before,
+.fi-social-amazon:before,
+.fi-social-android:before,
+.fi-social-apple:before,
+.fi-social-behance:before,
+.fi-social-bing:before,
+.fi-social-blogger:before,
+.fi-social-delicious:before,
+.fi-social-designer-news:before,
+.fi-social-deviant-art:before,
+.fi-social-digg:before,
+.fi-social-dribbble:before,
+.fi-social-drive:before,
+.fi-social-dropbox:before,
+.fi-social-evernote:before,
+.fi-social-facebook:before,
+.fi-social-flickr:before,
+.fi-social-forrst:before,
+.fi-social-foursquare:before,
+.fi-social-game-center:before,
+.fi-social-github:before,
+.fi-social-google-plus:before,
+.fi-social-hacker-news:before,
+.fi-social-hi5:before,
+.fi-social-instagram:before,
+.fi-social-joomla:before,
+.fi-social-lastfm:before,
+.fi-social-linkedin:before,
+.fi-social-medium:before,
+.fi-social-myspace:before,
+.fi-social-orkut:before,
+.fi-social-path:before,
+.fi-social-picasa:before,
+.fi-social-pinterest:before,
+.fi-social-rdio:before,
+.fi-social-reddit:before,
+.fi-social-skillshare:before,
+.fi-social-skype:before,
+.fi-social-smashing-mag:before,
+.fi-social-snapchat:before,
+.fi-social-spotify:before,
+.fi-social-squidoo:before,
+.fi-social-stack-overflow:before,
+.fi-social-steam:before,
+.fi-social-stumbleupon:before,
+.fi-social-treehouse:before,
+.fi-social-tumblr:before,
+.fi-social-twitter:before,
+.fi-social-vimeo:before,
+.fi-social-windows:before,
+.fi-social-xbox:before,
+.fi-social-yahoo:before,
+.fi-social-yelp:before,
+.fi-social-youtube:before,
+.fi-social-zerply:before,
+.fi-social-zurb:before,
+.fi-sound:before,
+.fi-star:before,
+.fi-stop:before,
+.fi-strikethrough:before,
+.fi-subscript:before,
+.fi-superscript:before,
+.fi-tablet-landscape:before,
+.fi-tablet-portrait:before,
+.fi-target-two:before,
+.fi-target:before,
+.fi-telephone-accessible:before,
+.fi-telephone:before,
+.fi-text-color:before,
+.fi-thumbnails:before,
+.fi-ticket:before,
+.fi-torso-business:before,
+.fi-torso-female:before,
+.fi-torso:before,
+.fi-torsos-all-female:before,
+.fi-torsos-all:before,
+.fi-torsos-female-male:before,
+.fi-torsos-male-female:before,
+.fi-torsos:before,
+.fi-trash:before,
+.fi-trees:before,
+.fi-trophy:before,
+.fi-underline:before,
+.fi-universal-access:before,
+.fi-unlink:before,
+.fi-unlock:before,
+.fi-upload-cloud:before,
+.fi-upload:before,
+.fi-usb:before,
+.fi-video:before,
+.fi-volume-none:before,
+.fi-volume-strike:before,
+.fi-volume:before,
+.fi-web:before,
+.fi-wheelchair:before,
+.fi-widget:before,
+.fi-wrench:before,
+.fi-x-circle:before,
+.fi-x:before,
+.fi-yen:before,
+.fi-zoom-in:before,
+.fi-zoom-out:before {
+  font-family: "foundation-icons";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+.fi-address-book:before { content: "\f100"; }
+.fi-alert:before { content: "\f101"; }
+.fi-align-center:before { content: "\f102"; }
+.fi-align-justify:before { content: "\f103"; }
+.fi-align-left:before { content: "\f104"; }
+.fi-align-right:before { content: "\f105"; }
+.fi-anchor:before { content: "\f106"; }
+.fi-annotate:before { content: "\f107"; }
+.fi-archive:before { content: "\f108"; }
+.fi-arrow-down:before { content: "\f109"; }
+.fi-arrow-left:before { content: "\f10a"; }
+.fi-arrow-right:before { content: "\f10b"; }
+.fi-arrow-up:before { content: "\f10c"; }
+.fi-arrows-compress:before { content: "\f10d"; }
+.fi-arrows-expand:before { content: "\f10e"; }
+.fi-arrows-in:before { content: "\f10f"; }
+.fi-arrows-out:before { content: "\f110"; }
+.fi-asl:before { content: "\f111"; }
+.fi-asterisk:before { content: "\f112"; }
+.fi-at-sign:before { content: "\f113"; }
+.fi-background-color:before { content: "\f114"; }
+.fi-battery-empty:before { content: "\f115"; }
+.fi-battery-full:before { content: "\f116"; }
+.fi-battery-half:before { content: "\f117"; }
+.fi-bitcoin-circle:before { content: "\f118"; }
+.fi-bitcoin:before { content: "\f119"; }
+.fi-blind:before { content: "\f11a"; }
+.fi-bluetooth:before { content: "\f11b"; }
+.fi-bold:before { content: "\f11c"; }
+.fi-book-bookmark:before { content: "\f11d"; }
+.fi-book:before { content: "\f11e"; }
+.fi-bookmark:before { content: "\f11f"; }
+.fi-braille:before { content: "\f120"; }
+.fi-burst-new:before { content: "\f121"; }
+.fi-burst-sale:before { content: "\f122"; }
+.fi-burst:before { content: "\f123"; }
+.fi-calendar:before { content: "\f124"; }
+.fi-camera:before { content: "\f125"; }
+.fi-check:before { content: "\f126"; }
+.fi-checkbox:before { content: "\f127"; }
+.fi-clipboard-notes:before { content: "\f128"; }
+.fi-clipboard-pencil:before { content: "\f129"; }
+.fi-clipboard:before { content: "\f12a"; }
+.fi-clock:before { content: "\f12b"; }
+.fi-closed-caption:before { content: "\f12c"; }
+.fi-cloud:before { content: "\f12d"; }
+.fi-comment-minus:before { content: "\f12e"; }
+.fi-comment-quotes:before { content: "\f12f"; }
+.fi-comment-video:before { content: "\f130"; }
+.fi-comment:before { content: "\f131"; }
+.fi-comments:before { content: "\f132"; }
+.fi-compass:before { content: "\f133"; }
+.fi-contrast:before { content: "\f134"; }
+.fi-credit-card:before { content: "\f135"; }
+.fi-crop:before { content: "\f136"; }
+.fi-crown:before { content: "\f137"; }
+.fi-css3:before { content: "\f138"; }
+.fi-database:before { content: "\f139"; }
+.fi-die-five:before { content: "\f13a"; }
+.fi-die-four:before { content: "\f13b"; }
+.fi-die-one:before { content: "\f13c"; }
+.fi-die-six:before { content: "\f13d"; }
+.fi-die-three:before { content: "\f13e"; }
+.fi-die-two:before { content: "\f13f"; }
+.fi-dislike:before { content: "\f140"; }
+.fi-dollar-bill:before { content: "\f141"; }
+.fi-dollar:before { content: "\f142"; }
+.fi-download:before { content: "\f143"; }
+.fi-eject:before { content: "\f144"; }
+.fi-elevator:before { content: "\f145"; }
+.fi-euro:before { content: "\f146"; }
+.fi-eye:before { content: "\f147"; }
+.fi-fast-forward:before { content: "\f148"; }
+.fi-female-symbol:before { content: "\f149"; }
+.fi-female:before { content: "\f14a"; }
+.fi-filter:before { content: "\f14b"; }
+.fi-first-aid:before { content: "\f14c"; }
+.fi-flag:before { content: "\f14d"; }
+.fi-folder-add:before { content: "\f14e"; }
+.fi-folder-lock:before { content: "\f14f"; }
+.fi-folder:before { content: "\f150"; }
+.fi-foot:before { content: "\f151"; }
+.fi-foundation:before { content: "\f152"; }
+.fi-graph-bar:before { content: "\f153"; }
+.fi-graph-horizontal:before { content: "\f154"; }
+.fi-graph-pie:before { content: "\f155"; }
+.fi-graph-trend:before { content: "\f156"; }
+.fi-guide-dog:before { content: "\f157"; }
+.fi-hearing-aid:before { content: "\f158"; }
+.fi-heart:before { content: "\f159"; }
+.fi-home:before { content: "\f15a"; }
+.fi-html5:before { content: "\f15b"; }
+.fi-indent-less:before { content: "\f15c"; }
+.fi-indent-more:before { content: "\f15d"; }
+.fi-info:before { content: "\f15e"; }
+.fi-italic:before { content: "\f15f"; }
+.fi-key:before { content: "\f160"; }
+.fi-laptop:before { content: "\f161"; }
+.fi-layout:before { content: "\f162"; }
+.fi-lightbulb:before { content: "\f163"; }
+.fi-like:before { content: "\f164"; }
+.fi-link:before { content: "\f165"; }
+.fi-list-bullet:before { content: "\f166"; }
+.fi-list-number:before { content: "\f167"; }
+.fi-list-thumbnails:before { content: "\f168"; }
+.fi-list:before { content: "\f169"; }
+.fi-lock:before { content: "\f16a"; }
+.fi-loop:before { content: "\f16b"; }
+.fi-magnifying-glass:before { content: "\f16c"; }
+.fi-mail:before { content: "\f16d"; }
+.fi-male-female:before { content: "\f16e"; }
+.fi-male-symbol:before { content: "\f16f"; }
+.fi-male:before { content: "\f170"; }
+.fi-map:before { content: "\f171"; }
+.fi-marker:before { content: "\f172"; }
+.fi-megaphone:before { content: "\f173"; }
+.fi-microphone:before { content: "\f174"; }
+.fi-minus-circle:before { content: "\f175"; }
+.fi-minus:before { content: "\f176"; }
+.fi-mobile-signal:before { content: "\f177"; }
+.fi-mobile:before { content: "\f178"; }
+.fi-monitor:before { content: "\f179"; }
+.fi-mountains:before { content: "\f17a"; }
+.fi-music:before { content: "\f17b"; }
+.fi-next:before { content: "\f17c"; }
+.fi-no-dogs:before { content: "\f17d"; }
+.fi-no-smoking:before { content: "\f17e"; }
+.fi-page-add:before { content: "\f17f"; }
+.fi-page-copy:before { content: "\f180"; }
+.fi-page-csv:before { content: "\f181"; }
+.fi-page-delete:before { content: "\f182"; }
+.fi-page-doc:before { content: "\f183"; }
+.fi-page-edit:before { content: "\f184"; }
+.fi-page-export-csv:before { content: "\f185"; }
+.fi-page-export-doc:before { content: "\f186"; }
+.fi-page-export-pdf:before { content: "\f187"; }
+.fi-page-export:before { content: "\f188"; }
+.fi-page-filled:before { content: "\f189"; }
+.fi-page-multiple:before { content: "\f18a"; }
+.fi-page-pdf:before { content: "\f18b"; }
+.fi-page-remove:before { content: "\f18c"; }
+.fi-page-search:before { content: "\f18d"; }
+.fi-page:before { content: "\f18e"; }
+.fi-paint-bucket:before { content: "\f18f"; }
+.fi-paperclip:before { content: "\f190"; }
+.fi-pause:before { content: "\f191"; }
+.fi-paw:before { content: "\f192"; }
+.fi-paypal:before { content: "\f193"; }
+.fi-pencil:before { content: "\f194"; }
+.fi-photo:before { content: "\f195"; }
+.fi-play-circle:before { content: "\f196"; }
+.fi-play-video:before { content: "\f197"; }
+.fi-play:before { content: "\f198"; }
+.fi-plus:before { content: "\f199"; }
+.fi-pound:before { content: "\f19a"; }
+.fi-power:before { content: "\f19b"; }
+.fi-previous:before { content: "\f19c"; }
+.fi-price-tag:before { content: "\f19d"; }
+.fi-pricetag-multiple:before { content: "\f19e"; }
+.fi-print:before { content: "\f19f"; }
+.fi-prohibited:before { content: "\f1a0"; }
+.fi-projection-screen:before { content: "\f1a1"; }
+.fi-puzzle:before { content: "\f1a2"; }
+.fi-quote:before { content: "\f1a3"; }
+.fi-record:before { content: "\f1a4"; }
+.fi-refresh:before { content: "\f1a5"; }
+.fi-results-demographics:before { content: "\f1a6"; }
+.fi-results:before { content: "\f1a7"; }
+.fi-rewind-ten:before { content: "\f1a8"; }
+.fi-rewind:before { content: "\f1a9"; }
+.fi-rss:before { content: "\f1aa"; }
+.fi-safety-cone:before { content: "\f1ab"; }
+.fi-save:before { content: "\f1ac"; }
+.fi-share:before { content: "\f1ad"; }
+.fi-sheriff-badge:before { content: "\f1ae"; }
+.fi-shield:before { content: "\f1af"; }
+.fi-shopping-bag:before { content: "\f1b0"; }
+.fi-shopping-cart:before { content: "\f1b1"; }
+.fi-shuffle:before { content: "\f1b2"; }
+.fi-skull:before { content: "\f1b3"; }
+.fi-social-500px:before { content: "\f1b4"; }
+.fi-social-adobe:before { content: "\f1b5"; }
+.fi-social-amazon:before { content: "\f1b6"; }
+.fi-social-android:before { content: "\f1b7"; }
+.fi-social-apple:before { content: "\f1b8"; }
+.fi-social-behance:before { content: "\f1b9"; }
+.fi-social-bing:before { content: "\f1ba"; }
+.fi-social-blogger:before { content: "\f1bb"; }
+.fi-social-delicious:before { content: "\f1bc"; }
+.fi-social-designer-news:before { content: "\f1bd"; }
+.fi-social-deviant-art:before { content: "\f1be"; }
+.fi-social-digg:before { content: "\f1bf"; }
+.fi-social-dribbble:before { content: "\f1c0"; }
+.fi-social-drive:before { content: "\f1c1"; }
+.fi-social-dropbox:before { content: "\f1c2"; }
+.fi-social-evernote:before { content: "\f1c3"; }
+.fi-social-facebook:before { content: "\f1c4"; }
+.fi-social-flickr:before { content: "\f1c5"; }
+.fi-social-forrst:before { content: "\f1c6"; }
+.fi-social-foursquare:before { content: "\f1c7"; }
+.fi-social-game-center:before { content: "\f1c8"; }
+.fi-social-github:before { content: "\f1c9"; }
+.fi-social-google-plus:before { content: "\f1ca"; }
+.fi-social-hacker-news:before { content: "\f1cb"; }
+.fi-social-hi5:before { content: "\f1cc"; }
+.fi-social-instagram:before { content: "\f1cd"; }
+.fi-social-joomla:before { content: "\f1ce"; }
+.fi-social-lastfm:before { content: "\f1cf"; }
+.fi-social-linkedin:before { content: "\f1d0"; }
+.fi-social-medium:before { content: "\f1d1"; }
+.fi-social-myspace:before { content: "\f1d2"; }
+.fi-social-orkut:before { content: "\f1d3"; }
+.fi-social-path:before { content: "\f1d4"; }
+.fi-social-picasa:before { content: "\f1d5"; }
+.fi-social-pinterest:before { content: "\f1d6"; }
+.fi-social-rdio:before { content: "\f1d7"; }
+.fi-social-reddit:before { content: "\f1d8"; }
+.fi-social-skillshare:before { content: "\f1d9"; }
+.fi-social-skype:before { content: "\f1da"; }
+.fi-social-smashing-mag:before { content: "\f1db"; }
+.fi-social-snapchat:before { content: "\f1dc"; }
+.fi-social-spotify:before { content: "\f1dd"; }
+.fi-social-squidoo:before { content: "\f1de"; }
+.fi-social-stack-overflow:before { content: "\f1df"; }
+.fi-social-steam:before { content: "\f1e0"; }
+.fi-social-stumbleupon:before { content: "\f1e1"; }
+.fi-social-treehouse:before { content: "\f1e2"; }
+.fi-social-tumblr:before { content: "\f1e3"; }
+.fi-social-twitter:before { content: "\f1e4"; }
+.fi-social-vimeo:before { content: "\f1e5"; }
+.fi-social-windows:before { content: "\f1e6"; }
+.fi-social-xbox:before { content: "\f1e7"; }
+.fi-social-yahoo:before { content: "\f1e8"; }
+.fi-social-yelp:before { content: "\f1e9"; }
+.fi-social-youtube:before { content: "\f1ea"; }
+.fi-social-zerply:before { content: "\f1eb"; }
+.fi-social-zurb:before { content: "\f1ec"; }
+.fi-sound:before { content: "\f1ed"; }
+.fi-star:before { content: "\f1ee"; }
+.fi-stop:before { content: "\f1ef"; }
+.fi-strikethrough:before { content: "\f1f0"; }
+.fi-subscript:before { content: "\f1f1"; }
+.fi-superscript:before { content: "\f1f2"; }
+.fi-tablet-landscape:before { content: "\f1f3"; }
+.fi-tablet-portrait:before { content: "\f1f4"; }
+.fi-target-two:before { content: "\f1f5"; }
+.fi-target:before { content: "\f1f6"; }
+.fi-telephone-accessible:before { content: "\f1f7"; }
+.fi-telephone:before { content: "\f1f8"; }
+.fi-text-color:before { content: "\f1f9"; }
+.fi-thumbnails:before { content: "\f1fa"; }
+.fi-ticket:before { content: "\f1fb"; }
+.fi-torso-business:before { content: "\f1fc"; }
+.fi-torso-female:before { content: "\f1fd"; }
+.fi-torso:before { content: "\f1fe"; }
+.fi-torsos-all-female:before { content: "\f1ff"; }
+.fi-torsos-all:before { content: "\f200"; }
+.fi-torsos-female-male:before { content: "\f201"; }
+.fi-torsos-male-female:before { content: "\f202"; }
+.fi-torsos:before { content: "\f203"; }
+.fi-trash:before { content: "\f204"; }
+.fi-trees:before { content: "\f205"; }
+.fi-trophy:before { content: "\f206"; }
+.fi-underline:before { content: "\f207"; }
+.fi-universal-access:before { content: "\f208"; }
+.fi-unlink:before { content: "\f209"; }
+.fi-unlock:before { content: "\f20a"; }
+.fi-upload-cloud:before { content: "\f20b"; }
+.fi-upload:before { content: "\f20c"; }
+.fi-usb:before { content: "\f20d"; }
+.fi-video:before { content: "\f20e"; }
+.fi-volume-none:before { content: "\f20f"; }
+.fi-volume-strike:before { content: "\f210"; }
+.fi-volume:before { content: "\f211"; }
+.fi-web:before { content: "\f212"; }
+.fi-wheelchair:before { content: "\f213"; }
+.fi-widget:before { content: "\f214"; }
+.fi-wrench:before { content: "\f215"; }
+.fi-x-circle:before { content: "\f216"; }
+.fi-x:before { content: "\f217"; }
+.fi-yen:before { content: "\f218"; }
+.fi-zoom-in:before { content: "\f219"; }
+.fi-zoom-out:before { content: "\f21a"; }

data/presentation/0.9.0/css/normalize.css

@@ -0,0 +1,424 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}