diff --git a/index.html b/index.html
index 05c0d92..cff2b1e 100644
--- a/index.html
+++ b/index.html
@@ -32,22 +32,54 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
 
         <script>
             $(function(){
-                $("#includedContent").load("robot_display.html");
+                $("#includedContent").load("robot_display/robot_display.html");
             });
         </script>
 
+        <script type="text/javascript" src="robot_display/js/ros_scripts.js"></script>
+        <script type="text/javascript" src="robot_display/js/update_guis.js"></script>
+
 
     </head>
     <body>
         <div class="container">
             <div id="jumbotronTitle" class="jumbotron">
-                <h1>Example GUI</h1>
+                <h1>ROS Display</h1>
             </div>
 
+            <!-- ##################################### ROS BAG PANEL ######################################### -->
+            <!--  ROS Bag Panel -->
+            <div class="panel panel-default">
+
+                <div class="panel-heading">
+                    ROS Bag
+                </div>
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-3">
+                            Bagfile name must not start with "/"
+                            <div class="input-group">
+                                <input type="text" id="recordText" class="form-control" placeholder="bag_filename">
+                                <span class="input-group-btn">
+                                    <button class="btn btn-primary" id="recordButton" type="button" onclick="toggleRecording()">
+                                        <span id="recordButtonText">
+                                            Start
+                                        </span>
+                                    </button>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <!-- ##################################### END ROS BAG PANEL ######################################### -->
+
+
             <ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
                 <li class="active">
-                    <a href="#RobotInfo" data-toggle="tab">
-                        Robot Display
+                    <a href="#DataDisplay" data-toggle="tab">
+                        Data Display
                     </a>
                 </li>
                 <li> <a href="#rosbridgeconnection" data-toggle="tab">
@@ -59,37 +91,9 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
 
             <div id="my-tab-content" class="tab-content">
 
-                <div class="tab-pane active" id="RobotInfo">
+                <div class="tab-pane active" id="DataDisplay">
 
 
-                    <!-- ##################################### ROS BAG PANEL ######################################### -->
-                    <!--  ROS Bag Panel -->
-                    <div class="panel panel-default">
-
-                        <div class="panel-heading">
-                            ROS Bag
-                        </div>
-                        <div class="panel-body">
-                            <div class="row">
-                                <div class="col-md-3">
-                                    Bagfile name must not start with "/"
-                                    <div class="input-group">
-                                        <input type="text" id="recordText" class="form-control" placeholder="bag_filename">
-                                        <span class="input-group-btn">
-                                            <button class="btn btn-primary" id="recordButton" type="button" onclick="toggleRecording()">
-                                                <span id="recordButtonText">
-                                                    Start
-                                                </span>
-                                            </button>
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                    </div>
-                    <!-- ##################################### END ROS BAG PANEL ######################################### -->
-
                     <!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->
                     <div id="includedContent"></div>
                     <!-- ##################################### END DISPLAY PANEL ######################################### -->
