From c5368b49aa5d8e04e37d46adbdd74f64519a1f76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 13:33:05 +0100
Subject: [PATCH 1/9] debug page tools in admin view

---
 css/base_structure.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/base_structure.less b/css/base_structure.less
index 5f3556a..0f71ed0 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -131,6 +131,7 @@
     .content {
         .row > .col-xs-12 {
             width: 100%;
+            position: relative;
             background-color: #fff;
         }
     }
@@ -139,7 +140,6 @@
         .content {
             .row > .col-xs-12 {
                 width: 73%;
-                position: relative;
                 float: right;
             }
         }

From de9f7e8a3c4b3eae0f112deed51ddfab478c28e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 14:51:19 +0100
Subject: [PATCH 2/9] tilde removed for font string (caused space in icon path)

---
 css/base_mixins.less    | 8 ++++----
 css/base_structure.less | 1 -
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/css/base_mixins.less b/css/base_mixins.less
index aac2b6b..715abb1 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -14,16 +14,16 @@
         font-family: @fontFamily;
         font-style: normal;
         font-weight: @fontWeight;
-        src: ~"local('@{localFontName}'), local("~"'@{localFontNameVar}'), url(fonts/"~"@{filename}.eot)";
-        src: ~"url(fonts/"~"@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/"~"@{filename}.woff) format('woff')";
+        src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)";
+        src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')";
     }
 }
 
 .setIconFontFace(@fontFamily,@filename) {
     @font-face {
         font-family: @fontFamily;
-        src: ~"url('fonts/icons/"~"@{filename}.eot?6762325')";
-        src: ~"url('fonts/icons/"~"@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/"~"@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/"~"@{filename}.woff?6762325') format('woff'), url('fonts/icons/"~"@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/"~"@{filename}.svg?6762325#fontello') format('svg')";
+        src: ~"url('fonts/icons/@{filename}.eot?6762325')";
+        src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')";
         font-weight: normal;
         font-style: normal;
     }
diff --git a/css/base_structure.less b/css/base_structure.less
index 0f71ed0..2d00607 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -124,7 +124,6 @@
     .tools {
         .row > .col-xs-12 {
             position: absolute;
-            background: pink;
         }
     }
 

From e44e33a6d705c2a59da67792c825cffca3b1d1b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Wed, 4 Jan 2017 15:16:26 +0100
Subject: [PATCH 3/9] fix: fix some smaller typos / variable names

---
 tpl/nav-page-quality-tasks.php | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/tpl/nav-page-quality-tasks.php b/tpl/nav-page-quality-tasks.php
index 6a8ba4e..377087e 100755
--- a/tpl/nav-page-quality-tasks.php
+++ b/tpl/nav-page-quality-tasks.php
@@ -3,7 +3,10 @@
 ?>
 
 <?php
+    /** @var \helper_plugin_qc $qc */
     $doPlugin = plugin_load('helper','do');
+    
+    /** @var \helper_plugin_qc $qc */
     $qc = plugin_load('helper','qc');
     if ($doPlugin !== null ||$qc ) {
         echo "<ul class=\"page-attributes\">";
@@ -13,9 +16,9 @@
         $qc->tplErrorCount();
         echo "</li>";
     }
-    if ($doplugin !== null ) {
-        $tasks = $doplugin->getPageTaskCount();
-        $num = $tasks[count];
+    if ($doPlugin !== null ) {
+        $count = $doPlugin->getPageTaskCount();
+        $num = $count['count'];
         $title = "";
 
         if($num == 0){ // no tasks - does not exist do in plug-in

From 378cb41cd426c3aba781ecd04382aadd815fb502 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 15:26:19 +0100
Subject: [PATCH 4/9] metabox for hightlightparent

---
 css/area_content.less       | 24 ++++++++++++++++++++++++
 css/area_nav-pagetools.less |  1 +
 main.php                    |  1 +
 style.ini                   |  2 +-
 4 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/css/area_content.less b/css/area_content.less
index ad90afc..4e7307f 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -8,5 +8,29 @@
 .content .row {
     > .col-xs-12 {
         box-shadow: @box-shadow;
+        #dokuwiki__content{
+            position: relative;
+            z-index: 10;
+            &::before{
+                content: "";
+                background-color: @background_page-header;
+                border-bottom: 1px solid @color-border;
+                position: absolute;
+                top: 0; left: 0;
+                height: 3rem; width: 100%;
+                z-index: -1;
+            }
+            #meta-box{
+                display: inline-block;
+                height: 3rem;
+                max-width: 40%;
+                float: right;
+                border: 1px solid transparent;
+            }
+
+            #plugin__highlightparent{
+                display: block;
+            }
+        }
     }
 }
diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index 799188c..c91c25a 100755
--- a/css/area_nav-pagetools.less
+++ b/css/area_nav-pagetools.less
@@ -24,6 +24,7 @@
 nav#dokuwiki__pagetools{
     right: -2rem;
     top: 3.05rem;
+    z-index: 100;
     ul {
         li {
             *{
diff --git a/main.php b/main.php
index f37afbb..2e4a625 100755
--- a/main.php
+++ b/main.php
@@ -309,6 +309,7 @@ $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
                         </div>
 
                         <div id="dokuwiki__content" class="page main-content">
+                            <div id="meta-box"></div>
 
                             <?php
 
diff --git a/style.ini b/style.ini
index 64ea103..9cd8c89 100755
--- a/style.ini
+++ b/style.ini
@@ -151,4 +151,4 @@ __background_site__         = "#ECECEC"
 
 __default_border_radius__   = "5px"
 
-__background_page-header__  = "#F9F9F9"
+__background_page-header__  = "#F6F6F6"

From 42f51ec5ba2829a16bd36f4030fe8c58be28b73f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 15:28:47 +0100
Subject: [PATCH 5/9] ignore unzipped fontello folder

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index b5b25cf..dc3c123 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 ._.DS_Store
 /._*
 ._*
+fonts/icons/fontello

From 605f78d818a1464b484a3901c24c1ab13af8d1cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 16:04:15 +0100
Subject: [PATCH 6/9] debug show or hide sidebar in edit mode

---
 css/area_footer.less | 12 +++++++++++-
 main.php             |  3 ---
 tpl/nav-main.php     |  2 ++
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index 8a14a1a..6ad4f7a 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -42,13 +42,23 @@
     #dokuwiki__footer {
         .col-xs-12 {
             float: right;
-            width: 73%;
+            width: 100%;
         }
 
         .main-footer {
             padding: @margin-default 0;
         }
     }
+
+    .showSidebar {
+        #dokuwiki__footer {
+             .col-xs-12 {
+                 width: 73%;
+            }
+        }
+    }
+
+
 }
 
 
diff --git a/main.php b/main.php
index 2e4a625..5daf5a3 100755
--- a/main.php
+++ b/main.php
@@ -148,8 +148,6 @@ $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
         <div class="sr-only nav-area-head">
             <h5 class="sr-only" role="heading" aria-level="1"><?php echo tpl_getLang('nav-area-head') ?></h5>
         </div><!-- .nav-area-head -->
-        <?php if ($showSidebar): ?>
-
 
         <div class="tools">
             <div class="container">
@@ -223,7 +221,6 @@ $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
                 </div><!-- .row -->
             </div><!-- .container -->
         </div><!-- .tools -->
-        <?php endif ?>
 
 
         <div class="top-header">
diff --git a/tpl/nav-main.php b/tpl/nav-main.php
index 5ddb938..4349a58 100755
--- a/tpl/nav-main.php
+++ b/tpl/nav-main.php
@@ -1,5 +1,6 @@
 <?php
     if (!defined('DOKU_INC')) die();
+    if ($showSidebar):
 
     echo "<nav class=\"nav-main\">";
     echo "<h6 class=\"sr-only\" role=\"heading\" aria-level=\"2\">".tpl_getLang('head_menu_main')."</h6>";
@@ -8,3 +9,4 @@
     echo PHP_EOL;
     echo "</nav>";
 
+    endif ?>

From 5cbfd9f86ea9233d9b41091320b91f697ef5daa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 16:37:51 +0100
Subject: [PATCH 7/9] main nav counter fallback

---
 css/area_main-sidebar.less | 10 +++++++---
 css/area_sidetools.less    |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less
index f661324..b6f7353 100644
--- a/css/area_main-sidebar.less
+++ b/css/area_main-sidebar.less
@@ -6,10 +6,11 @@
 
 
 #dokuwiki__aside.main-sidebar {
-
+    counter-reset: nav-counter;
 /* + + + + +  nav main  + + + + + */
     .nav-main {
         > ul {
+
             @icon-size: 2rem;
 
             margin: 0;
@@ -42,13 +43,16 @@
                 border-bottom: solid 1px @color-border;
                 margin: 0;
                 padding: 0 0 .3rem 0;
+                counter-increment: nav-counter;
 
                 > .li { //background-color: pink;// hier activ !!!
                     position: relative;
                     padding: .5rem 0 .5rem (@icon-size + 1);
 
-                    &::before {                        background-color: gold;// test
-                        content: '?';
+                    &::before {
+                        //background-color: @color-link;
+                        color: @color-nav;
+                        content: counter(nav-counter);
                         position: absolute;
                         top: 0;
                         left: 0;
diff --git a/css/area_sidetools.less b/css/area_sidetools.less
index 657c333..1c69786 100644
--- a/css/area_sidetools.less
+++ b/css/area_sidetools.less
@@ -19,8 +19,8 @@
         padding: .5rem 0 .5rem (@icon-size + 1);
 
         &::before {
-            background-color: gold;
-            content: '?';
+            //background-color: gold;
+            content: 'A';
             position: absolute;
             top: 0;
             left: 0;

From c39e94e4e3d3362eb96c20fbbda2a80553e359a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 17:37:57 +0100
Subject: [PATCH 8/9] main nav effects

---
 css/area_main-sidebar.less | 82 ++++++++++++++++++++++++++++++++++++++
 js/sidebar-menu.js         | 58 +++++++++++++++++++++++++++
 main.php                   |  2 +-
 script.js                  |  1 +
 4 files changed, 142 insertions(+), 1 deletion(-)
 create mode 100644 js/sidebar-menu.js

diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less
index b6f7353..675e595 100644
--- a/css/area_main-sidebar.less
+++ b/css/area_main-sidebar.less
@@ -80,7 +80,89 @@
                         background-color: @color-border;
                         transition: @transition background-color;
                     }
+
+                    &.opened, &.closed{
+                        padding: 0;
+                        &::before, &::after{
+                           display: none;
+                        }
+                        a{
+                            display: block;
+                            position: relative;
+                            padding: .5rem 0 .8rem (@icon-size + 1);
+                            margin-bottom: -.3rem;
+                            border: 1px solid transparent;
+                            &::before {
+                                //background-color: @color-link;
+                                color: @color-nav;
+                                content: counter(nav-counter);
+                                position: absolute;
+                                top: -.1rem;
+                                left: 0;
+                                display: flex;
+                                display: -webkit-flex;
+                                flex-direction: column;
+                                -webkit-flex-direction: column;
+                                justify-content: center;
+                                -webkit-justify-content: center;
+                                height: 100%;
+                                width: @icon-size;
+                                overflow: hidden;
+                                text-align: center;
+                                margin-top: auto;
+                                margin-bottom: auto;
+                            }
+
+                            &::after {
+                                content: '';
+                                position: absolute;
+                                top: 15%;
+                                bottom: 15%;
+                                width: 1px;
+                                left: (@icon-size + .5);
+                                background-color: @color-border;
+                                transition: @transition background-color;
+                            }
+                            &:hover, &:focus, &:active{
+                                text-decoration: none;
+                                background-color: #fff;
+                                border-color: @color-link;
+                                color: @color-link;
+                            }
+                        }
+
+                    }
+
+                    &.opened{
+                        a{
+                            background-color: @color-link;
+                            color: #fff;
+                            &::after, &::before{
+                                color: #fff;
+                                border-color: #fff;
+                            }
+                            &:hover, &:focus, &:active{
+                                text-decoration: none;
+                                background-color: #fff;
+                                border-color: @color-link;
+                                color: @color-link;
+                                &::after, &::before{
+                                    color: inherit;
+                                    border-color: inherit;
+                                }
+                            }
+                        }
+                    }
+                    + ul{
+                        height: auto;
+                        overflow: hidden;
+                    }
+                  &.closed + ul{
+                      height: 0;
+                  }
                 }
+
+
             }
         }
     }
diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js
new file mode 100644
index 0000000..29e3ee5
--- /dev/null
+++ b/js/sidebar-menu.js
@@ -0,0 +1,58 @@
+( function( $, spc ) {
+
+    var mainMenu = function(){
+        var $menu = $('.nav-main').find('> ul');
+        try{
+            if($menu.length > 0){
+                var $toggler = $menu.find('> li.level1 > .li'),
+                    $submenu = $menu.find('> li.level1 > ul');
+                if($toggler.length > 0 && $submenu.length > 0){
+                    $toggler.addClass('closed');
+                    $toggler.wrapInner('<a href="#toggleMenu" class="toggler"></a>');
+                    $toggler.each(function( index ) {
+                        $(this).on( "click", function(e) {
+                            e.preventDefault();
+                            var $this = $(this);
+                            $this.toggleClass('closed');
+                            $this.toggleClass('opened');
+                            if($this.hasClass('opened')){
+                                var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child');
+                                if($foc.length > 0){
+                                    $foc.focus();
+                                }
+                            }
+                        });
+                    });
+                }
+
+
+            }
+            /*var $link = $this.find('#plugin__qc__link'),
+                $container = $this.find('#plugin__qc__wrapper');
+            if($container.length < 1){
+                $this.remove();
+            }else{
+                $container.attr('aria-hidden','true');
+                var $icon = $container.find('#plugin__qc__icon');
+                $container.find('#plugin__qc__out').removeAttr('style');
+                $link.on( 'click', function(e){
+                    e.preventDefault();
+                    $icon.trigger('click');
+                    var oldState = ($link.attr('aria-expanded')=== "true" );
+                    $container.attr('aria-hidden',oldState);
+                    $(this).attr('aria-expanded',!oldState);
+
+                });
+            }*/
+
+        }catch(err){
+
+        }
+    };
+
+    $(function(){
+        mainMenu();
+    });
+
+} )( jQuery, spc );
+
diff --git a/main.php b/main.php
index 5daf5a3..cf07678 100755
--- a/main.php
+++ b/main.php
@@ -14,7 +14,7 @@ if (!defined('DOKU_INC')) die();                        /* must be run from with
 header('X-UA-Compatible: IE=edge,chrome=1');
 
 $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) );
-$showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
+$showSidebar = /*page_findnearest($conf['sidebar']) &&*/ ($ACT=='show');
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
diff --git a/script.js b/script.js
index e3128ab..25ecf2d 100755
--- a/script.js
+++ b/script.js
@@ -3,3 +3,4 @@
 
 /* DOKUWIKI:include js/base/spc.js */
 /* DOKUWIKI:include js/plugins/do_tasks.js */
+/* DOKUWIKI:include js/sidebar-menu.js */

From 4fca1d16bba38ed3977f5dace7b9f5e911e8c1dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Wed, 4 Jan 2017 18:09:30 +0100
Subject: [PATCH 9/9] language handling for js

---
 js/base/helper.js  |  6 ++++++
 js/sidebar-menu.js | 20 +++-----------------
 lang/de/lang.js    | 34 ++++++++++++++++++++++++++++++++++
 lang/en/lang.js    | 33 +++++++++++++++++++++++++++++++++
 script.js          | 29 ++++++++++++++++++++++++++++-
 5 files changed, 104 insertions(+), 18 deletions(-)
 create mode 100644 lang/de/lang.js
 create mode 100644 lang/en/lang.js

diff --git a/js/base/helper.js b/js/base/helper.js
index a57735e..170773b 100755
--- a/js/base/helper.js
+++ b/js/base/helper.js
@@ -77,3 +77,9 @@ if (typeof console === "undefined" || typeof console.log === "undefined") {
         console.log = function() {};
     }
 }
+
+var wikiLang = "de";
+/**
+ * anonymous func: get page language
+ */
+(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery);
diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js
index 29e3ee5..449b782 100644
--- a/js/sidebar-menu.js
+++ b/js/sidebar-menu.js
@@ -2,6 +2,7 @@
 
     var mainMenu = function(){
         var $menu = $('.nav-main').find('> ul');
+
         try{
             if($menu.length > 0){
                 var $toggler = $menu.find('> li.level1 > .li'),
@@ -23,27 +24,12 @@
                             }
                         });
                     });
+
+                    //FIXME: store current nav state with local storage
                 }
 
 
             }
-            /*var $link = $this.find('#plugin__qc__link'),
-                $container = $this.find('#plugin__qc__wrapper');
-            if($container.length < 1){
-                $this.remove();
-            }else{
-                $container.attr('aria-hidden','true');
-                var $icon = $container.find('#plugin__qc__icon');
-                $container.find('#plugin__qc__out').removeAttr('style');
-                $link.on( 'click', function(e){
-                    e.preventDefault();
-                    $icon.trigger('click');
-                    var oldState = ($link.attr('aria-expanded')=== "true" );
-                    $container.attr('aria-hidden',oldState);
-                    $(this).attr('aria-expanded',!oldState);
-
-                });
-            }*/
 
         }catch(err){
 
diff --git a/lang/de/lang.js b/lang/de/lang.js
new file mode 100644
index 0000000..ff76071
--- /dev/null
+++ b/lang/de/lang.js
@@ -0,0 +1,34 @@
+
+var $lang = {};
+
+$lang['direct_prefix']              = 'Direkt';
+$lang['direct_content_main']        = 'Hauptinhalt dieser Seite';
+$lang['direct_menu_main']           = 'Hauptmenü';
+
+$lang['adjunct_start_logo_text']    = 'Logo: ';
+$lang['adjunct_linked_logo_text']   = '. Link zur Startseite';
+
+$lang['nav-area-head']              = 'Navigationsmenüs und Suche';
+$lang['head_magic_matcher']         = 'MagicMatcher';
+$lang['head_quick_search']          = 'wikiübergreifende Schnellsuche';
+$lang['head_menu_main']             = 'Hauptmenü';
+$lang['head_menu_status']           = 'Seitenstatus';
+$lang['head_breadcrumb']            = 'Standortanzeiger';
+
+$lang['quality_trigger']            = 'Seitenanalyse ein- bzw. ausblenden';
+
+$lang['prefix_tasks']               = 'offene Aufgaben: ';
+$lang['prefix_tasks_user']          = 'Ihre offenen Aufgaben: ';
+$lang['prefix_tasks_page']          = 'offene Aufgaben auf dieser Seite: ';
+$lang['tasks_page_none']            = 'keine offenen Aufgaben für diese Seite';
+
+$lang['discussion']                 = 'Diskussion';
+$lang['back_to_article']            = 'Zurück zum Artikel';
+$lang['userpage']                   = 'Benutzer-Seite';
+$lang['__existing__']               = 'Schriftfarbe für Links zu vorhandenen Webseiten';
+$lang['__missing__']                = 'Schriftfarbe für Links zu nicht vorhandenen Webseiten';
+$lang['__site_width__']             = 'The width of the full site (can be any length unit: %, px, em, ...)';
+$lang['__sidebar_width__']          = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)';
+
+$lang['__button_color__']           = 'Schriftfarbe für Buttons';
+$lang['__button_background__']      = 'Hintergrundfarbe für Buttons';
diff --git a/lang/en/lang.js b/lang/en/lang.js
new file mode 100644
index 0000000..b268ca0
--- /dev/null
+++ b/lang/en/lang.js
@@ -0,0 +1,33 @@
+var $lang = {};
+
+$lang['direct_prefix']              = 'jump to';
+$lang['direct_content_main']        = 'main content';
+$lang['direct_menu_main']           = 'main menu';
+
+$lang['adjunct_start_logo_text']    = 'Logo: ';
+$lang['adjunct_linked_logo_text']   = '. homepage link';
+
+$lang['nav-area-head']              = 'menus and quick search';
+$lang['head_magic_matcher']         = 'MagicMatcher';
+$lang['head_quick_search']          = 'quick search';
+$lang['head_menu_main']             = 'main menu';
+$lang['head_menu_status']           = 'site status';
+$lang['head_breadcrumb']            = 'location indicator';
+
+$lang['quality_trigger']            = 'toggle page analysis';
+
+$lang['prefix_tasks']               = 'open tasks: ';
+$lang['prefix_tasks_user']          = 'your open tasks: ';
+$lang['prefix_tasks_page']          = 'open tasks for this page: ';
+$lang['tasks_page_none']            = 'no open tasks for this page';
+
+$lang['discussion']                 = 'Discussion';
+$lang['back_to_article']            = 'Back to article';
+$lang['userpage']                   = 'User page';
+$lang['__existing__']               = 'The color for links to existing pages';
+$lang['__missing__']                = 'The color for links to non-existing pages';
+$lang['__site_width__']             = 'The width of the full site (can be any length unit: %, px, em, ...)';
+$lang['__sidebar_width__']          = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)';
+
+$lang['__button_color__']           = 'Color for buttons';
+$lang['__button_background__']      = 'Backgroundcolor for buttons';
diff --git a/script.js b/script.js
index 25ecf2d..b1ceb69 100755
--- a/script.js
+++ b/script.js
@@ -1,6 +1,33 @@
 
 /* DOKUWIKI:include js/base/helper.js */
-
 /* DOKUWIKI:include js/base/spc.js */
+
+( function( $, spc, lang ) {
+
+    var setLang = function(){
+        try{
+            if(lang==="de"){
+                /* DOKUWIKI:include lang/de/lang.js */
+            } else if(lang==="en"){
+                /* DOKUWIKI:include lang/en/lang.js */
+            } else{
+                /* default */
+                /* DOKUWIKI:include lang/de/lang.js */
+            }
+        }catch(err){
+        }
+    };
+
+    $(function(){
+        setLang();
+    });
+
+} )( jQuery, spc, wikiLang );
+
+
 /* DOKUWIKI:include js/plugins/do_tasks.js */
 /* DOKUWIKI:include js/sidebar-menu.js */
+
+
+
+