diff --git a/opentok-show.js b/opentok-show.js
new file mode 100644
index 0000000..931f569
--- /dev/null
+++ b/opentok-show.js
@@ -0,0 +1,15 @@
+
+/* hide/show button*/
+jQuery(document).ready(function(jQuery) {
+ jQuery('button#show_opentok_button').hide();
+ jQuery('button#hide_opentok_button').click(function() {
+	jQuery('#opentok-full').toggle('slow');
+	jQuery(this).hide();
+	jQuery('button#show_opentok_button').show();
+})
+ jQuery('button#show_opentok_button').click(function() {
+	jQuery('#opentok-full').toggle('slow');
+	jQuery(this).hide();
+	jQuery('button#hide_opentok_button').show();
+})
+});
\ No newline at end of file
diff --git a/opentok.module b/opentok.module
index e8033b2..3e8ce70 100644
--- a/opentok.module
+++ b/opentok.module
@@ -293,6 +293,7 @@ function opentok_field_formatter_view($obj_type, $object, $field, $instance, $la
             $jquery_opentok_path . '/jquery.opentok.layout.js',
             $json_js_path . '/json2.js',
             $opentok_path . '/opentok.js',
+            $opentok_path . '/opentok-show.js',
           ),
           'css' => array(
             $jquery_opentok_path . '/jquery.opentok.css',
@@ -528,7 +529,8 @@ function opentok_theme($existing, $type, $theme, $path) {
 
 function theme_opentok_container($element) {
   global $user;
-  $output = "<div id='{$element['id']}' class='opentok-container'><div class='opentok-controls'>";
+  $output  = "<div id='opentok-full'>"; 
+  $output .= "<div id='{$element['id']}' class='opentok-container'><div class='opentok-controls'>";
   $output .= theme('opentok_connect', $element);
   $output .= theme('opentok_disconnect', $element);
   $output .= theme('opentok_publish', $element);
@@ -539,7 +541,9 @@ function theme_opentok_container($element) {
   $output .= theme('opentok_push_talk_toggle', $element);
   $output .= theme('opentok_snapshot_publisher', $element);
   $output .= theme('opentok_unpublish', $element);
-  $output .= '</div><div class="opentok-publisher"></div></div></div></div>';
+  $output .= '</div><div class="opentok-publisher"></div></div></div></div></div>';
+  $output .= '<button value="Hide" id="hide_opentok_button">Hide Video Chat</button>';
+  $output .= '<button value="Show" id="show_opentok_button">Show Video Chat</button>';
   return $output;
 }
 
