<?php
/**
 * Template Name: Theatre
 * Description: A Page Template for the Bronystate Mane 6 theatre rooms
 *
 * Includes all the related streams and chat embed, configuration for the chat embed is done by inserting JS into the actual post.
 *
 * @package Bronystate
 * @subpackage Theatre_Template
 * @since Bronystate Alpha
 */
get_header('theatre'); ?>

<div id="th-embed-cont">
<div id="th-embed-top">
<p style="text-align: center;" class="noIbar">DRAG</p>
<div id="return" class="thbutton">starting position</div>
<div id="thpopout" class="thbutton">popout</div>
</div>
<div id="th-embed-main">
<script>
streamembed();
</script>
</div>
</div>

<script>
  $(document).ready(function() {
$("#th-embed-cont").draggable({ handle: "#th-embed-top" });
});
$("#return").click(function(){
$("#th-embed-cont").css("position", "absolute");
  $( "#th-embed-cont" ).animate( { left: "100px" }, { queue: false, duration: 250 })
     .animate({ top: "100px" }, 250 );
});
$("#thpopout").click(function(){
streampopout();
});
</script>