From 78004875539077c235e6a8c49d653087913bd45b Mon Sep 17 00:00:00 2001
From: fo <fouks.f@gmail.com>
Date: Mon, 8 Sep 2014 18:34:56 +0300
Subject: [PATCH] Fixes bug with no audio when film strip is hidden.

---
 bottom_toolbar.js           | 3 ++-
 css/videolayout_default.css | 5 +++++
 index.html                  | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/bottom_toolbar.js b/bottom_toolbar.js
index 65afecbad..8ba87acc0 100644
--- a/bottom_toolbar.js
+++ b/bottom_toolbar.js
@@ -22,7 +22,8 @@ var BottomToolbar = (function (my) {
     };
 
     my.toggleFilmStrip = function() {
-        $("#remoteVideos").toggle("slide", { direction: "down", duration: 700});
+        var filmstrip = $("#remoteVideos");
+        filmstrip.toggleClass("hidden");
     };
 
 
diff --git a/css/videolayout_default.css b/css/videolayout_default.css
index 9067c0ef2..712a4b5f3 100644
--- a/css/videolayout_default.css
+++ b/css/videolayout_default.css
@@ -19,6 +19,11 @@
     width:auto;
     border:1px solid transparent;
     z-index: 5;
+    transition: bottom 2s;
+}
+
+#remotevideos.hidden {
+    bottom: -196px;
 }
 
 .videocontainer {
diff --git a/index.html b/index.html
index 684ce17fa..1ba913c93 100644
--- a/index.html
+++ b/index.html
@@ -48,12 +48,12 @@
     <script src="canvas_util.js?v=1"></script><!-- canvas drawing utils -->
     <script src="audio_levels.js?v=1"></script><!-- audio levels plugin -->
     <script src="media_stream.js?v=1"></script><!-- media stream -->
-    <script src="bottom_toolbar.js?v=1"></script><!-- media stream -->
+    <script src="bottom_toolbar.js?v=2"></script><!-- media stream -->
     <script src="roomname_generator.js?v=1"></script><!-- generator for random room names -->
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="css/font.css?v=3"/>
     <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=23"/>
-    <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=9" id="videolayout_default"/>
+    <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=10" id="videolayout_default"/>
     <link rel="stylesheet" href="css/jquery-impromptu.css?v=4">
     <link rel="stylesheet" href="css/modaldialog.css?v=3">
     <link rel="stylesheet" href="css/popup_menu.css?v=2">