From 581062b41244351ada9ef728ec3a0017cfe01044 Mon Sep 17 00:00:00 2001
From: martimiz <martine@balbus.nl>
Date: Thu, 8 Nov 2012 17:23:59 +0100
Subject: [PATCH] Move the nested submenu to a separate block using JavaScript

---
 javascript/DocumentationViewer.js     | 14 +++++++++++++-
 templates/Includes/DocInThisModule.ss |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/javascript/DocumentationViewer.js b/javascript/DocumentationViewer.js
index d629dba..d0e3c44 100755
--- a/javascript/DocumentationViewer.js
+++ b/javascript/DocumentationViewer.js
@@ -50,7 +50,19 @@
 			$("#table-of-contents li a").click(function (e) { e.stopPropagation(); });
 
 		}
-		
+
+		/** -----------------------------------------------
+		 * SUBMENU
+		 *
+		 * move to separate menu block
+		 */
+		if ($("#submenu").length > 0) {
+			var submenu = '<div class = "sidebar-box"><ul>';
+			submenu += $("#submenu").html();
+			$("#sidebar-column").append(submenu);
+			$("#submenu").remove();
+		}
+
 		/** ---------------------------------------------
 		 * HEADING ANCHOR LINKS
 		 *
diff --git a/templates/Includes/DocInThisModule.ss b/templates/Includes/DocInThisModule.ss
index 5151b65..e444e3a 100755
--- a/templates/Includes/DocInThisModule.ss
+++ b/templates/Includes/DocInThisModule.ss
@@ -6,7 +6,7 @@
 				<li>
 					<a href="$Link" class="$LinkingMode">$Title</a>
 					<% if Children %>
-						<ul>
+						<ul id="submenu">
 							<% control Children %>
 								<li><a href="$Link" class="$LinkingMode">
 									$Title <% if IsFolder %><span class="is-folder">&#9658;</span><% end_if %>