2 files changed, 42 insertions, 1 deletions
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css
index 61da31005b..6fd38039ef 100644
--- a/phpBB/adm/style/admin.css
+++ b/phpBB/adm/style/admin.css
@@ -270,6 +270,10 @@ span.corners-top span, span.corners-bottom span {
 
 /* Sub-navigation Menu
 ---------------------------------------- */
+#toggle {
+	display: none;
+}
+
 #menu {
 	float: left;
 	width: 20%;
diff --git a/phpBB/adm/style/overall_header.html b/phpBB/adm/style/overall_header.html
index a80fa4c78d..f160adb4cf 100644
--- a/phpBB/adm/style/overall_header.html
+++ b/phpBB/adm/style/overall_header.html
@@ -18,6 +18,9 @@ var on_page = '{ON_PAGE}';
 var per_page = '{PER_PAGE}';
 var base_url = '{BASE_URL}';
 
+var menu_state = 'shown';
+
+
 /**
 * Jump to page
 */
@@ -109,11 +112,43 @@ function swatch(field)
 	return false;
 }
 
+/**
+* Hiding/Showing the side menu
+*/
+function switch_menu()
+{
+	var menu = document.getElementById('menu');
+	var main = document.getElementById('main');
+	var toggle = document.getElementById('toggle');
+	var handle = document.getElementById('toggle_handle');	
+
+	switch(menu_state)
+	{	
+		//hide
+		case 'shown':
+			main.style.width = 'auto';
+			menu.style.display = 'none';
+			menu_state = 'hidden';
+			toggle.style.left = '0';
+			toggle.style.width = '20px';
+			break;
+		//show
+		case 'hidden':
+			main.style.width = '76%';
+			menu.style.display = 'block';			
+			menu_state = 'shown';
+			toggle.style.left = '15%';
+			toggle.style.width = '5%'			
+			break;
+	}
+}
+
 //-->
 </script>
 </head>
 
 <body class="{S_CONTENT_DIRECTION}">
+
 <div id="wrap">
 	<div id="page-header">
 		<h1>{L_ADMIN_PANEL}</h1>
@@ -134,8 +169,10 @@ function swatch(field)
 		<div class="panel">
 			<span class="corners-top"><span></span></span>
 				<div id="content">
+					<div id="toggle">						
+						<a id="toggle_handle" accesskey="m" title="Hide / Show side menu - Accesskey: m" onclick="switch_menu(); return false;" href="#"></a></div>
 					<div id="menu">
-						<p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [&nbsp;<a href="{U_LOGOUT}">{L_LOGOUT}</a>&nbsp;]</p>
+						<p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [&nbsp;<a href="{U_LOGOUT}">{L_LOGOUT}</a>&nbsp;]</p>						
 						<ul>
 						<!-- BEGIN l_block1 -->
 							<!-- IF l_block1.S_SELECTED -->