Moves table of content to the side bar if available

templates/article.html

@@ -5,16 +5,27 @@ hell {{ article.title }} - {{ super() }}
 {% endblock title %}
 
 {% block content %}
+<script  language="javascript" type="text/javascript">
+    function moveTOC() {
+        var table_of_contents = document.getElementById('contents');
+        var toc_sidebar = document.getElementById('toc_sidebar');
+        if (table_of_contents && toc_sidebar)
+            toc_sidebar.appendChild(table_of_contents);
+    }
+</script>
 <div class="row-fluid">
-    <header class="page_header span7 offset2">
+    <header class="page_header span7 offset3">
     <h1> {{ article.title }} <small> {%if article.subtext %} {{ article.subtext }} {% endif %} </small></h1>
     </header>
 </div>
+
 <div class="row-fluid">
-    <div class="span7 offset2">
+    <div class="span3" id="toc_sidebar">
+    </div>
+    <div class="span7">
         {{ article.content }}
     </div>
-    <div class="span3">
+    <div class="span2">
         <div class="row-fluid">
             <div class="span12">
                 <p>
@@ -52,4 +63,7 @@ hell {{ article.title }} - {{ super() }}
         </div>
     </div>
 </div>
+<script type="text/javascript" language="JavaScript">
+    moveTOC(); 
+</script>
 {% endblock content %}