Make aircraft info panel draggable

public_html/index.html

@@ -50,7 +50,6 @@
 				<div id="map_canvas"></div>
 				<a id="toggle_sidebar_button" class="hide_sidebar" href="#"></a>
 				<a id="expand_sidebar_button" href="#"></a>
-			</div>
 				<div id="selected_infoblock" class="hidden">
 					<table style="width: 100%">
 						<tr class="infoblock_heading">
@@ -110,6 +109,7 @@
 						</tr>
 					</table>
 				</div> <!-- selected_infoblock -->
+			</div>
 			<div id="sidebar_container">
 				<div id="splitter" class="ui-resizable-handle ui-resizable-w"></div>
 					<div id="sidebar_canvas">

public_html/script.js

@@ -216,6 +216,9 @@ function initialize() {
         // Set up map/sidebar splitter
         $("#sidebar_container").resizable({handles: {w: '#splitter'}});
 
+        // Set up aircraft information panel
+        $("#selected_infoblock").draggable({containment: "parent"});
+
         // Set up event handlers for buttons
         $("#toggle_sidebar_button").click(toggleSidebarVisibility);
         $("#expand_sidebar_button").click(expandSidebar);

public_html/style.css

@@ -16,6 +16,7 @@ html, body {
     padding: 20px;
     background: #ffffff;
     box-shadow: 4px 4px 10px #444444;
+    cursor: pointer;
 }
 
 #map_container {