Index: binary-improvements/webserver/css/style.css
===================================================================
--- binary-improvements/webserver/css/style.css	(revision 273)
+++ binary-improvements/webserver/css/style.css	(revision 274)
@@ -53,6 +53,30 @@
 }
 
+.adminnavbar.hidenav {
+	width: 0;
+	visibility: hidden;
+}
+
 .adminnavbar > div {
 	margin: 5px;
+}
+
+.adminnavbarhidebutton {
+	position: fixed;
+	left: 200px;
+	color: #000;
+	background-color: rgba(180, 180, 180, 0.5); //#ccc;
+	z-index: 5;
+	top: 50%;
+	border-radius: 5px;
+	transform: translate(-50%, -50%) rotate(+90deg);
+	padding: 0px 5px;
+	font-family: sans-serif;
+	cursor: pointer;
+}
+
+.adminnavbarhidebutton.hidenav {
+	left: 18px;
+	transform: translate(-50%, -50%) rotate(-90deg);
 }
 
@@ -141,4 +165,8 @@
 	left: 200px;
 	/*background-color: #408040;*/
+}
+
+#admincontent.hidenav {
+	left: 0;
 }
 
Index: binary-improvements/webserver/index.html
===================================================================
--- binary-improvements/webserver/index.html	(revision 273)
+++ binary-improvements/webserver/index.html	(revision 274)
@@ -56,4 +56,9 @@
 
 	<div class="adminwrapper">
+		<div class="adminnavbarhidebutton">
+			<img src="img/expand.png" alt="Expand Menu" width="10">
+			Menu
+			<img src="img/expand.png" alt="Expand Menu" width="10">
+		</div>
 		<div class="adminnavbar">
 			<div id="serverstats">
Index: binary-improvements/webserver/js/index.js
===================================================================
--- binary-improvements/webserver/js/index.js	(revision 273)
+++ binary-improvements/webserver/js/index.js	(revision 274)
@@ -2,4 +2,6 @@
 var tabs = $("#adminmenu").tabbedContent ({
 	contentdiv: $("#admincontent"),
+	hidebuttondiv: $(".adminnavbarhidebutton"),
+	menubardiv: $(".adminnavbar"),
 });
 SetupInventoryDialog ();
Index: binary-improvements/webserver/js/tabs.js
===================================================================
--- binary-improvements/webserver/js/tabs.js	(revision 273)
+++ binary-improvements/webserver/js/tabs.js	(revision 274)
@@ -2,4 +2,8 @@
 	options: {
 		contentdiv: null,
+		hidebuttondiv: null,
+		menubardiv: null,
+		hideOnStart: false,
+		hideClass: "hidenav",
 		currentTabClass: "current_tab",
 		menuButtonClass: "menu_button",
@@ -15,4 +19,22 @@
 			console.log ("contentdiv has to be set!");
 		}
+		
+		if (options.hidebuttondiv == null) {
+			console.log ("hidebuttondiv has to be set!");
+		}
+		
+		if (options.menubardiv == null) {
+			console.log ("menubardiv has to be set!");
+		}
+		
+		options.hidebuttondiv.on ('click.action', function (event) {
+			if (options.hidebuttondiv.hasClass (options.hideClass)) {
+				$("*").removeClass (options.hideClass);
+			} else {
+				options.hidebuttondiv.addClass (options.hideClass);
+				options.contentdiv.addClass (options.hideClass);
+				options.menubardiv.addClass (options.hideClass);
+			}
+		});
 		
 		this.element.find ("ul > li").addClass (options.menuButtonClass);