Added ability to allow users to drag the left pane.

ui/css/main.css

@@ -259,6 +259,7 @@ a:hover {
 	min-height:1000px;
 	height:auto;
 	background:#FFF;
+	overflow-y: hidden;
 	margin:0;
 	padding:0;
 	
@@ -1433,7 +1434,7 @@ a:hover {
 }
 
 .leftmenu_box {
-	width:220px;
+	width:100%;
 	height:auto;
 	float:left;
 	margin:0 0 0 0;
@@ -1442,7 +1443,7 @@ a:hover {
 }
 
 .leftmenu_list{
-	width:220px;
+	width:100%;
 	height:auto;
 	float:left; 
 	margin:0;
@@ -1451,7 +1452,7 @@ a:hover {
 }
 
 .leftmenu_expandedbox{
-	width:220px;
+	width:100%;
 	height:auto;
 	float:left;
 	position:relative;
@@ -1485,7 +1486,7 @@ a:hover {
 }
 
 .leftmenu_content_flevel{
-	width:220px;
+	width:100%;
 	height:auto;
 	float:left;
 	color:#333;
@@ -1511,7 +1512,7 @@ a:hover {
 }
 
 .leftmenu_content{
-	width:220px;
+	width:100%;
 	height:auto;
 	float:left;
 	color:#333;

ui/index.jsp

@@ -146,7 +146,7 @@
             </div>
         </div>
         <div id="main_contentpanel">
-            <div class="right_panel">
+            <div class="right_panel" id="east_panel">
                 <div id="contentwrapper">
                     <!-- Action Panel starts here-->
                     <div class="actionpanel">
@@ -251,7 +251,7 @@
             </div>
         </div>
         <!-- Left Menu starts here-->
-        <div class="leftmenu_panel">
+        <div class="leftmenu_panel" id="west_panel">
             <div class="leftmenu_box" id="leftmenu_container">     
                 <div class="leftmenu_list">
                     <div class="leftmenu_content_flevel" id="leftmenu_dashboard">

ui/scripts/cloud.core.init.js

@@ -38,6 +38,15 @@ var md5Hashed = true;
 			$("#leftmenu_dashboard").click();
 		}
 	}	
+	
+	// Setup drag and slide for the main UI
+	$("#west_panel").resizable({
+		ghost: true,
+		stop: function(event, ui) { 
+			var resized = ui.size.width - 1;
+			$("#east_panel").attr("style", "margin-left:" + resized +"px;");
+		}
+	});
 
 	$(".leftmenu_content_flevel").hover(
 		function() {