From f8582ad46e4c507a2df12ca08d3576bbf2b1a26d Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 17 Jul 2013 15:45:43 +0000
Subject: [PATCH]

---
 js/libs/fluidbook/fluidbook.js | 17 +++++++++++++++++
 style/fluidbook.css            | 12 ++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 44337859..1a6b1951 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -716,6 +716,8 @@ Fluidbook.prototype = {
 			this.openVideo(param1, cb);
 		} else if (view == 'webvideo') {
 			this.openWebVideo(param1, param2, cb);
+		} else if (view == 'multimedia') {
+			this.openMultimedia(param1, cb);
 		} else if (view == 'chapters') {
 			this.openChapters(cb);
 		} else if (view == 'archives') {
@@ -834,6 +836,21 @@ Fluidbook.prototype = {
 			}
 		});
 	},
+	openMultimedia: function(multimedia, callback) {
+		var a = $('a[href="#/multimedia/' + multimedia + '"]');
+		var markup = decodeURIComponent($(a).attr('data-multimedia'));
+
+		var view = '<div class="caption"><a href="#" class="back">' + this.l10n.__('back') + '</a></div>';
+		view += '<div class="content">';
+		view += markup;
+		view += '</div>';
+		
+		$("#view").append('<div class="mview">' + view + '</div>');
+
+		if (callback != undefined) {
+			callback();
+		}
+	},
 	openVideo: function(video, callback) {
 		var a = $('a[href="#/video/' + video + '"]');
 		var markup = decodeURIComponent($(a).attr('data-video'));
diff --git a/style/fluidbook.css b/style/fluidbook.css
index 7362369e..f0d53679 100644
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -949,6 +949,18 @@ ul.chapters.shareList a.level0 img{
 	position:relative;
 }
 
+/* multimedia */
+
+.mview .multimediaContainer{
+	padding:20px 20px 20px 20px;
+}
+
+.mview img.multimedia{
+	width:100%;
+	height:auto;
+	display:block;
+}
+
 /* Chapters */
 ul.chapters a{
 	display:block;
-- 
2.39.5