diff --git a/commands.json b/commands/en.json
similarity index 68%
rename from commands.json
rename to commands/en.json
index 44b0f36..c290507 100644
--- a/commands.json
+++ b/commands/en.json
@@ -1,5 +1,10 @@
 [
     {
+        "search": "Search Command",
+        "advancedCommands": "Advanced Commands"
+    },
+    {
+        "advanced": false,
         "title": "init",
         "category": "create",
         "keywords": "create init start",
@@ -7,12 +12,14 @@
         "url": "https://git-scm.com/docs/git-init",
         "options": [
             {
-                "code": "git init",
+                "advanced": false,
+                "code": "init",
                 "desc": "Create an empty Git repository or reinitialize an existing one"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "clone",
         "category": "create",
         "keywords": "create clone new",
@@ -20,16 +27,19 @@
         "url": "https://git-scm.com/docs/git-clone",
         "options": [
             {
-                "code": "git clone ssh://user@domain.com/repo.git",
+                "advanced": false,
+                "code": "clone ssh://user@domain.com/repo.git",
                 "desc": "Clone a repository"
             },
             {
-                "code": "git clone -b [branch-name] ssh://user@domain.com/repo.git",
+                "advanced": false,
+                "code": "clone -b [branch-name] ssh://user@domain.com/repo.git",
                 "desc": "Clone a repository with branch-name checked out"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "add",
         "category": "changes",
         "keywords": "changes add",
@@ -37,24 +47,29 @@
         "url": "https://git-scm.com/docs/git-add",
         "options": [
             {
-                "code": "git add [source]",
+                "advanced": false,
+                "code": "add [source]",
                 "desc": "Adds given file to stage area"
             },
             {
-                "code": "git add --patch [source]",
+                "advanced": false,
+                "code": "add --patch [source]",
                 "desc": "Interactively choose hunks of patch between the index and the work tree and add them to the index"
             },
             {
-                "code": "git add folder/*",
+                "advanced": false,
+                "code": "add folder/*",
                 "desc": "Adds all files within given folder"
             },
             {
-                "code": "git add *.extension",
+                "advanced": false,
+                "code": "add *.extension",
                 "desc": "Adds all extension files to stage area"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "status",
         "category": "changes",
         "keywords": "changes status",
@@ -62,20 +77,24 @@
         "url": "https://git-scm.com/docs/git-status",
         "options": [
             {
-                "code": "git status",
+                "advanced": false,
+                "code": "status",
                 "desc": "Changed files on your working directory"
             },
             {
-                "code": "git status -s",
+                "advanced": false,
+                "code": "status -s",
                 "desc": "Give the output in the short-format"
             },
             {
-                "code": "git status -b",
+                "advanced": false,
+                "code": "status -b",
                 "desc": "Show the branch and tracking info even in short-format"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "diff",
         "category": "changes",
         "keywords": "changes diff",
@@ -83,16 +102,19 @@
         "url": "https://git-scm.com/docs/git-diff",
         "options": [
             {
-                "code": "git diff",
+                "advanced": false,
+                "code": "diff",
                 "desc": "Show changes all changes between the working tree and the index"
             },
             {
-                "code": "git diff [source]",
+                "advanced": false,
+                "code": "diff [source]",
                 "desc": "Show changes to a file between the working tree and the index"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "commit",
         "category": "changes",
         "keywords": "changes commit",
@@ -100,24 +122,29 @@
         "url": "https://git-scm.com/docs/git-commit",
         "options": [
             {
-                "code": "git commit -m [message]",
+                "advanced": false,
+                "code": "commit -m [message]",
                 "desc": "Use the given msg as the commit message. If multiple -m options are given, their values are concatenated as separate paragraphs"
             },
             {
-                "code": "git commit --all",
+                "advanced": false,
+                "code": "commit --all",
                 "desc": "Tell the command to automatically stage files that have been modified and deleted, but new files you have not told Git about are not affected"
             },
             {
-                "code": "git commit --amend",
+                "advanced": false,
+                "code": "commit --amend",
                 "desc": "Changes / Updates the last commit"
             },
             {
-                "code": "git commit --squash",
+                "advanced": false,
+                "code": "commit --squash",
                 "desc": "Create a single commit on top of the current branch"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "stash",
         "category": "changes",
         "keywords": "changes stash",
@@ -125,32 +152,39 @@
         "url": "https://git-scm.com/docs/git-stash",
         "options": [
             {
-                "code": "git stash list",
+                "advanced": false,
+                "code": "stash list",
                 "desc": "Shows all your stashes"
             },
             {
-                "code": "git stash save [Stash Message]",
+                "advanced": false,
+                "code": "stash save [Stash Message]",
                 "desc": "Saves your local modifications to a new stash entry"
             },
             {
-                "code": "git stash apply stash@{index}",
+                "advanced": false,
+                "code": "stash apply stash@{index}",
                 "desc": "Applies the stash in index"
             },
             {
-                "code": "git stash pop stash@{index}",
+                "advanced": false,
+                "code": "stash pop stash@{index}",
                 "desc": "Applies the stash in index and removes it from stash list"
             },
             {
-                "code": "git stash drop stash@{index}",
+                "advanced": false,
+                "code": "stash drop stash@{index}",
                 "desc": "Removes the index from stash list without applying"
             },
             {
-                "code": "git stash clear",
+                "advanced": false,
+                "code": "stash clear",
                 "desc": "Clears the stash list"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "rm",
         "category": "changes",
         "keywords": "changes remove rm",
@@ -158,12 +192,14 @@
         "url": "https://git-scm.com/docs/git-rm",
         "options": [
             {
-                "code": "git rm [source]",
+                "advanced": false,
+                "code": "rm [source]",
                 "desc": "Removes file from stage area"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "mv",
         "category": "changes",
         "keywords": "changes move mv",
@@ -171,16 +207,19 @@
         "url": "https://git-scm.com/docs/git-mv",
         "options": [
             {
-                "code": "git mv [source] [destination]",
+                "advanced": false,
+                "code": "mv [source] [destination]",
                 "desc": "Moves or renames source"
             },
             {
-                "code": "git mv -f [source] [destination]",
+                "advanced": false,
+                "code": "mv -f [source] [destination]",
                 "desc": "Forces to move or rename the source even if it exists in destination"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "tag",
         "category": "changes",
         "keywords": "changes tag",
@@ -188,20 +227,24 @@
         "url": "https://git-scm.com/docs/git-tag",
         "options": [
             {
-                "code": "git tag --list",
+                "advanced": false,
+                "code": "tag --list",
                 "desc": "Lists all tags"
             },
             {
-                "code": "git tag [name]",
+                "advanced": false,
+                "code": "tag [name]",
                 "desc": "Marks the current commit with a tag"
             },
             {
-                "code": "git tag --delete [name]",
+                "advanced": false,
+                "code": "tag --delete [name]",
                 "desc": "Delete existing tags with the given names"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "branch",
         "category": "branch",
         "keywords": "branch",
@@ -209,24 +252,29 @@
         "url": "https://git-scm.com/docs/git-branch",
         "options": [
             {
-                "code": "git branch [name]",
+                "advanced": false,
+                "code": "branch [name]",
                 "desc": "Creates a new branch from HEAD called branch-name"
             },
             {
-                "code": "git branch -b [name]",
+                "advanced": false,
+                "code": "branch -b [name]",
                 "desc": "Creates and checks out to a new branch from HEAD called branch-name"
             },
             {
-                "code": "git branch --all",
+                "advanced": false,
+                "code": "branch --all",
                 "desc": "List both remote-tracking branches and local branches"
             },
             {
-                "code": "git branch --delete",
+                "advanced": false,
+                "code": "branch --delete",
                 "desc": "Delete a branch. The branch must be fully merged in its upstream branch, or in HEAD if no upstream was set with --track or --set-upstream"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "checkout",
         "category": "branch",
         "keywords": "branch checkout",
@@ -234,25 +282,30 @@
         "url": "https://git-scm.com/docs/git-checkout",
         "options": [
             {
-                "code": "git checkout [name]",
+                "advanced": false,
+                "code": "checkout [name]",
                 "desc": "Switch branches or restore working tree files"
             },
             {
-                "code": "git checkout --track [origin/name]",
+                "advanced": false,
+                "code": "checkout --track [origin/name]",
                 "desc": "Checkout and track a remote branch"
             },
             {
-                "code": "git checkout .",
+                "advanced": false,
+                "code": "checkout .",
                 "desc": "Discard all tracked local changes in HEAD"
             }
             ,
             {
-                "code": "git checkout HEAD [source]",
+                "advanced": false,
+                "code": "checkout HEAD [source]",
                 "desc": "Resets a tracked file"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "fetch",
         "category": "update",
         "keywords": "update fetch",
@@ -260,16 +313,19 @@
         "url": "https://git-scm.com/docs/git-fetch",
         "options": [
             {
-                "code": "git fetch --all",
+                "advanced": false,
+                "code": "fetch --all",
                 "desc": "Fetch all remotes"
             },
             {
-                "code": "git fetch --prune",
+                "advanced": false,
+                "code": "fetch --prune",
                 "desc": "Before fetching, remove any remote-tracking references that no longer exist on the remote"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "pull",
         "category": "update",
         "keywords": "update pull",
@@ -277,12 +333,14 @@
         "url": "https://git-scm.com/docs/git-pull",
         "options": [
             {
-                "code": "git pull",
+                "advanced": false,
+                "code": "pull",
                 "desc": "Fetch from and integrate with another repository or a local branch"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "push",
         "category": "update",
         "keywords": "update push",
@@ -290,12 +348,14 @@
         "url": "https://git-scm.com/docs/git-push",
         "options": [
             {
-                "code": "git push",
+                "advanced": false,
+                "code": "push",
                 "desc": "Update remote refs along with associated objects"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "merge",
         "category": "merge",
         "keywords": "merge",
@@ -303,12 +363,14 @@
         "url": "https://git-scm.com/docs/git-merge",
         "options": [
             {
-                "code": "git merge [branch-name]",
+                "advanced": false,
+                "code": "merge [branch-name]",
                 "desc": "Merges a branch to your current HEAD"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "rebase",
         "category": "patch",
         "keywords": "patch rebase",
@@ -316,24 +378,29 @@
         "url": "https://git-scm.com/docs/git-rebase",
         "options": [
             {
-                "code": "git rebase [branch-name]",
+                "advanced": false,
+                "code": "rebase [branch-name]",
                 "desc": "Rebase your current HEAD onto branch-name"
             },
             {
-                "code": "git rebase --interactive",
+                "advanced": false,
+                "code": "rebase --interactive",
                 "desc": "Makes a list of the commits which are about to be rebased. User can edit that list before rebasing."
             },
             {
-                "code": "git rebase --continue",
+                "advanced": false,
+                "code": "rebase --continue",
                 "desc": "Continue a rebase after resolving conflicts"
             },
             {
-                "code": "git rebase --abort",
+                "advanced": false,
+                "code": "rebase --abort",
                 "desc": "Abort a rebase"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "cherry-pick",
         "category": "patch",
         "keywords": "patch cherry-pick",
@@ -341,12 +408,14 @@
         "url": "https://git-scm.com/docs/git-cherry-pick",
         "options": [
             {
-                "code": "git cherry-pick [commit]",
+                "advanced": false,
+                "code": "cherry-pick [commit]",
                 "desc": "Pick and apply changes from commit hash to your current HEAD"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "reset",
         "category": "undo",
         "keywords": "reset undo",
@@ -354,24 +423,29 @@
         "url": "https://git-scm.com/docs/git-reset",
         "options": [
             {
-                "code": "git reset",
+                "advanced": false,
+                "code": "reset",
                 "desc": "Resets the index entries for all paths to their state"
             },
             {
-                "code": "git reset --soft",
+                "advanced": false,
+                "code": "reset --soft",
                 "desc": "Does not touch the index file or the working tree at all"
             },
             {
-                "code": "git reset --mixed",
+                "advanced": false,
+                "code": "reset --mixed",
                 "desc": "Resets the index but not the working tree and reports what has not been updated"
             },
             {
-                "code": "git reset --hard",
+                "advanced": false,
+                "code": "reset --hard",
                 "desc": "Resets the index and working tree. Any changes to tracked files in the working tree since commit are discarded"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "clean",
         "category": "undo",
         "keywords": "reset undo clean",
@@ -379,16 +453,19 @@
         "url": "https://git-scm.com/docs/git-clean",
         "options": [
             {
-                "code": "git clean -n",
+                "advanced": false,
+                "code": "clean -n",
                 "desc": "Shows untracked files about to be removed"
             },
             {
-                "code": "git clean -f",
+                "advanced": false,
+                "code": "clean -f",
                 "desc": "Removes all untracked files"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "log",
         "category": "history",
         "keywords": "history log",
@@ -396,20 +473,24 @@
         "url": "https://git-scm.com/docs/git-log",
         "options": [
             {
-                "code": "git log",
+                "advanced": false,
+                "code": "log",
                 "desc": "Show all commits"
             },
             {
-                "code": "git log -p [source]",
+                "advanced": false,
+                "code": "log -p [source]",
                 "desc": "Show changes to file"
             },
             {
-                "code": "git log --graph",
+                "advanced": false,
+                "code": "log --graph",
                 "desc": "Shows all commits as graph"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "flow",
         "category": "extensions",
         "keywords": "extensions flow init feature release hotfix start finish",
@@ -417,44 +498,54 @@
         "url": "https://git-scm.com/docs/git-init",
         "options": [
             {
-                "code": "git flow init",
+                "advanced": false,
+                "code": "flow init",
                 "desc": "Initialize flow inside an existing repository"
             },
             {
-                "code": "git flow feature start [name]",
+                "advanced": false,
+                "code": "flow feature start [name]",
                 "desc": "Create a new branch from latest develop as feature/feature-name"
             },
             {
-                "code": "git flow feature finish [name]",
+                "advanced": false,
+                "code": "flow feature finish [name]",
                 "desc": "Merges feature-name into develop and removes branch"
             },
             {
-                "code": "git flow feature publish [name]",
+                "advanced": false,
+                "code": "flow feature publish [name]",
                 "desc": "Publishes a feature to the remote"
             },
             {
-                "code": "git flow feature pull origin [name]",
+                "advanced": false,
+                "code": "flow feature pull origin [name]",
                 "desc": "Pull a feature from remote to your local repository"
             },
             {
-                "code": "git flow release start [name]",
+                "advanced": false,
+                "code": "flow release start [name]",
                 "desc": "Creates a release branch from latest develop"
             },
             {
-                "code": "git flow release finish [name]",
+                "advanced": false,
+                "code": "flow release finish [name]",
                 "desc": "Merges release branch into master and develop"
             },
             {
-                "code": "git flow hotfix start [name]",
+                "advanced": false,
+                "code": "flow hotfix start [name]",
                 "desc": "Creates a hotfix/fix-name branch from master"
             },
             {
-                "code": "git flow hotfix finish [name]",
+                "advanced": false,
+                "code": "flow hotfix finish [name]",
                 "desc": "Merges fix-name into master and develop"
             }
         ]
     },
     {
+        "advanced": false,
         "title": "config",
         "category": "config",
         "keywords": "config",
@@ -462,19 +553,23 @@
         "url": "https://git-scm.com/docs/git-config",
         "options": [
             {
-                "code": "git config -e",
+                "advanced": false,
+                "code": "config -e",
                 "desc": "Edit repository config file"
             },
             {
-                "code": "git config --global -e",
+                "advanced": false,
+                "code": "config --global -e",
                 "desc": "Edit global config file"
             },
             {
-                "code": "git config --global user.name 'Your Name'",
+                "advanced": false,
+                "code": "config --global user.name 'Your Name'",
                 "desc": "Define your user name in global settings"
             },
             {
-                "code": "git config --global user.email you@mail.com",
+                "advanced": false,
+                "code": "config --global user.email you@mail.com",
                 "desc": "Define your mail in global settings"
             }
         ]
diff --git a/css/master.css b/css/master.css
index d64e516..75604a8 100644
--- a/css/master.css
+++ b/css/master.css
@@ -9,25 +9,157 @@ body {
   overflow-y: scroll;
 }
 
+hr {
+  border: 1px solid #21252b ;
+}
+
 /* ---- FORM ---- */
-.form {
+#form {
+  clear: both;
+  height:55px;
+  width: 750px;
   margin: 0 auto;
   padding: 25px 0 25px 0;
-  width: 750px;
 }
 
-input[type="text"] {
+#form input[type="text"] {
+  float: left;
+  width:690px;
+  height: 55px;
   font-size: 20px;
-  width:100%;
+  text-align: center;
+  color: #fff;
+  background: #282c34;
+  border-radius: 5px 0 0 5px;
+  border-style: none;
+}
+
+.dropbtn {
+  display: inline-block;
+  margin-left: 5px;
+  width:55px;
   height: 55px;
+  font-size: 20px;
+  vertical-align: middle;
   text-align: center;
   color: #fff;
+  line-height: 55px;
   background: #282c34;
-  border:none;
+  border-radius: 0 5px 5px 0;
+  border-style: none;
+  cursor: pointer;
+  z-index: 20;
+}
+
+.dropdown:hover .dropbtn {
+  background-color: #3e8e41;
+  border-radius: 0 5px 0 0;
+}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+  z-index: 20;
+}
+
+.dropdown-content {
+  display: none;
+  position: absolute;
+  right: 0px;
+  background: #282c34;
+  color: #fff;
+  min-width: 220px;
+  padding: 15px;
+  z-index: 20;
+}
+
+.dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+#overlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0,0,0,0.5);
+  z-index: 10;
+}
+
+.checkbox {
+  display: block;
+  position: relative;
+  padding-left: 35px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 14px;
+  padding-top: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.checkbox input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.checkmark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 23px;
+  width: 23px;
+  background-color: #eee;
+  border: 2px solid #21252b ;
+}
+
+.checkbox:hover input ~ .checkmark {
+  background-color: #ccc;
+}
+
+.checkbox input:checked ~ .checkmark {
+  background-color: #8bc34a;
+  border: 2px solid #21252b ;
+}
+
+.checkmark:after {
+  content: "";
+  position: absolute;
+  display: none;
+}
+
+.checkbox input:checked ~ .checkmark:after {
+  display: block;
+}
+
+.checkbox .checkmark:after {
+  left: 6px;
+  top: 2px;
+  width: 5px;
+  height: 10px;
+  border: solid white;
+  border-width: 0 3px 3px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
 }
 
 /* ---- ISOTOPE ---- */
 .grid {
+  top: 50px;
   margin: 0 auto;
   width: 750px;
 }
@@ -45,7 +177,7 @@ input[type="text"] {
   float: left;
   width: 750px;
   margin-bottom: 15px;
-  border-radius: 0 10px 10px 0;
+  border-radius: 0 5px 5px 0;
   padding: 10px 10px 20px 10px;
   background: #282c34;
 }
@@ -95,6 +227,10 @@ input[type="text"] {
     padding: 10px 20px 10px 10px;
 }
 
+.grid-item .code:before {
+  content: "> git ";
+}
+
 .grid-item .main-desc {
   position: relative;
   margin-bottom:20px;
diff --git a/index.html b/index.html
index e97f1f7..6393de5 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,12 @@
     <link rel="stylesheet" href="css/master.css" />
     <script src="js/jquery-3.3.1.min.js"></script>
     <script src="js/isotope.pkgd.min.js"></script>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
 <body>
     <a href="/excalith/Interactive-Git-Cheatsheet" class="github-corner" aria-label="View Source On Github">
-        <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#fff; color:#21252b; position: absolute; top: 0; border: 0; right: 0;"
+        <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#fff; color:#21252b; position: absolute; top: 0; border: 0; right: 0; z-index: 20;"
             aria-hidden="true">
             <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
             <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
@@ -21,40 +22,50 @@
         </svg>
     </a>
 
-    <div class="form">
-        <input type="text" class="quicksearch" placeholder="Search Command" autofocus="" />
+    <div id="overlay"></div>
+    <div id="form">
+        <input type="text" class="quicksearch" placeholder="" autofocus="" />
+        <div class="dropdown">
+
+            <button class="dropbtn"><i class="fas fa-cog"></i></button>
+            <div class="dropdown-content">
+                <label class="checkbox">
+                    <span class="adv"></span>
+                    <input id="ShowAdvanced" type="checkbox" checked="checked">
+                    <span class="checkmark"></span>
+                </label>
+                <hr>
+                <label class="checkbox">English
+                    <input type="radio" checked="checked" name="lang" value="en">
+                    <span class="checkmark"></span>
+                </label>
+            </div>
+        </div>
     </div>
 
     <div class="grid">
     </div>
 
     <script>
+        $(".dropdown").hover(function () {
+            $("#overlay").fadeIn("fast", function () { });
+        });
 
-        // parse json
-        $.getJSON("commands.json", function (json) {
-            // commands
-            for (i = 0; i < json.length; i++) {
-                var $item = $(
-                    "<div class='grid-item " + json[i].category + "' keywords='" + json[i].keywords + "'>" +
-                    "<p class='title'>" + json[i].title + "</p>" +
-                    "<p class='category " + json[i].category + "'>" + json[i].category + "</p>" +
-                    "<p class='main-desc'>" + json[i].desc + "</p>" +
-                    "<p class='options-title'>Options:</p>");
-
-                // command options
-                for (j = 0; j < json[i].options.length; j++) {
-                    $item.append("<p class='code'>" + json[i].options[j].code + "</p>");
-                    $item.append("<p class='desc'>" + json[i].options[j].desc + "</p>");
-                };
-
-                // git-scm link for more info
-                $item.append("<a href='" + json[i].url + "'>(Read More)</a></div>");
-                $grid.append($item)
-                    .isotope('appended', $item);
-            }
+        $("#overlay").hover(function () {
+            $("#overlay").fadeOut("fast", function () { });
+        });
+
+        $('#ShowAdvanced').change(function () {
+            refreshList();
+        });
+
+        $('input[name="lang"]').change(function () {
+            lang = $('input[name=lang]:checked').val();
+            refreshList();
         });
 
         // init isotope
+        var lang = "en";
         var qsRegex;
         var $grid = $('.grid').isotope({
             itemSelector: '.grid-item',
@@ -68,14 +79,57 @@
             }
         });
 
-        $grid.isotope('updateSortData').isotope();
-
         // use value of search field to filter
         var $quicksearch = $('.quicksearch').keyup(debounce(function () {
             qsRegex = new RegExp($quicksearch.val(), 'gi');
             $grid.isotope();
         }, 200));
 
+        refreshList();
+
+        function refreshList() {
+            // clear grid first
+            jQuery('.grid').html('');
+
+            $grid.isotope('reloadItems')
+
+            // read json data
+            $.getJSON("commands/" + lang + ".json", function (json) {
+                // gui localization
+                $(".quicksearch").attr("placeholder", json[0].search).val("").focus().blur();
+                $(".adv").text(json[0].advancedCommands);
+
+                // commands (skip first index for ui localization)
+                for (i = 1; i < json.length; i++) {
+                    // if command is advanced check ShowAdvanced
+                    if (json[i].advanced == true && $('#ShowAdvanced').prop('checked') || json[i].advanced == false) {
+                        var $item = $(
+                            "<div class='grid-item " + json[i].category + "' keywords='" + json[i].keywords + "'>" +
+                            "<p class='title'>" + json[i].title + "</p>" +
+                            "<p class='category " + json[i].category + "'>" + json[i].category + "</p>" +
+                            "<p class='main-desc'>" + json[i].desc + "</p>" +
+                            "<p class='options-title'>Options:</p>");
+
+                        // command options
+                        for (j = 0; j < json[i].options.length; j++) {
+                            // if command option is advanced check ShowAdvanced
+                            if (json[i].options[j].advanced == true && $('#ShowAdvanced').prop('checked') || json[i].options[j].advanced == false) {
+                                $item.append("<p class='code'>" + json[i].options[j].code + "</p>");
+                                $item.append("<p class='desc'>" + json[i].options[j].desc + "</p>");
+                            }
+                        };
+
+                        // git-scm link for more info
+                        $item.append("<a href='" + json[i].url + "'>(Read More)</a></div>");
+                        $grid.append($item)
+                            .isotope('appended', $item);
+                    }
+                }
+            });
+            $grid.isotope('updateSortData').isotope();
+            $grid.isotope('reloadItems')
+        }
+
         // debounce so filtering doesn't happen every millisecond
         function debounce(fn, threshold) {
             var timeout;