☰

Wanikani Scrollbox

Adds a space on the dashboard that displays items randomly to help remember them without seeing them in 'the wild'.

  1. // ==UserScript==
  2. // @name        Wanikani Scrollbox
  3. // @namespace   wkscrollbox
  4. // @description Adds a space on the dashboard that displays items randomly to help remember them without seeing them in 'the wild'.
  5. // @exclude	*.wanikani.com
  6. // @include     *.wanikani.com/dashboard*
  7. // @version     0.9.1.3
  8. // @author     Samuel H
  9. // @grant       none
  10.  
  11. /* This script is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) license
  12. *  Details: http://creativecommons.org/licenses/by-nc/4.0/ */
  13.  
  14. //IMPORTANT: IF THIS IS THE FIRST TIME YOU'VE USED ONE OF MY SCRIPTS THEN YOU NEED TO PUT YOUR API KEY BETWEEN THE DOUBLE QUOTES ON THE LINE BELOW.
  15. apiKey = "";
  16. //Change this to false if you want the scrollbox section above the forum section.
  17. SBPageTop = true;
  18.  
  19. $("head").append('<script src="https://rawgit.com/WaniKani/WanaKana/master/lib/wanakana.min.js" type="text/javascript"></script>' +
  20.                  '<script src="https://rawgit.com/tobia/Pause/master/jquery.pause.min.js" type="text/javascript"></script>"');
  21.  
  22. function getSBSection() {
  23.     var intSectionHeight = SBHeight * 100;
  24.     var strSection = '<section id="scroll-box-section" style="width: 100%; height: ' + (intSectionHeight + 30) + 'px; border-radius: 5px; position: relative">' +
  25.         '<div class="answer-exception-form" id="info-window" align="center" style="z-index: 101; display: none"></div>' +
  26.         '<div id="scroll-box-buttons" style="width: 100%; height: 30px"></div>' +
  27.         '<div id="sb-col-sel-tgl" class="Burned" style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; display: none; color: #fff; text-shadow: none; ' + 
  28.         '-moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; width: 15px; height: ' + ((!SBLangJP) ? '55px; padding: 5px 10px 5px 15px' : '35px; padding: 20px 10px 10px 15px') +
  29.         '; margin-top: 30px; right: -10px; position: absolute; background-image: linear-gradient(to bottom, #555, #4B4B4B);\"><span lang="jp" style="font-size: 20px; margin-bottom: 0px">' + ((!SBLangJP) ? "Color" : "色") + '</span></div>' +
  30.         '<div id="sb-col-sel" class="Burned" style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; right: 0px; background-color: #eee; position: absolute; width: 90px; height: 90px">' +
  31.         '</div><div id="scroll-box" style="overflow: hidden; width: 100%; height: ' + intSectionHeight + 'px; border-radius: 5px; position: relative">' +
  32.         '<div id="loadingSB" style="background-color: #d4d4d4; width: 100%; height: ' + intSectionHeight + 'px; border-radius: 5px; position: relative; text-align: center; padding-top: ' + (intSectionHeight * 0.375) + 'px"></div>' +
  33.         '<div id="scroll-box-bg" style="background-color: #fff; width: 100%; height: ' + intSectionHeight + 'px; border-radius: 5px; position: absolute"></div>' +
  34.         '</div></section>';
  35.     return strSection;
  36. }
  37.  
  38. function newSBItem() {
  39.     
  40.     var curSBI = -1;
  41.     var SBIType = -1;
  42.     var SBISrs = -1;
  43.     var SBIIndex = -1;
  44.     var indexArray = [];
  45.     var indexArrayLoc = [];
  46.     var iaLen = 0;
  47.     
  48.     if (SBRadicalsEnabled) {
  49.         if (SBKanjiEnabled) {
  50.             if (SBVocabularyEnabled) {
  51.                 if (SBApprenticeEnabled) {
  52.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.kanji.apprentice, SBIndex.vocabulary.apprentice);
  53.                     indexArrayLoc.push([0, 0, 0], [0, 1, SBIndexCount.radicals.apprentice], [0, 2, SBIndexCount.radicals.apprentice + SBIndexCount.kanji.apprentice]);
  54.                     iaLen = indexArray.length;
  55.                 }
  56.                 if (SBGuruEnabled) {
  57.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.kanji.guru, SBIndex.vocabulary.guru);
  58.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.guru], [1, 2, iaLen + SBIndexCount.radicals.guru + SBIndexCount.kanji.guru]);
  59.                     iaLen = indexArray.length;
  60.                 }
  61.                 if (SBMasterEnabled) {
  62.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.kanji.master, SBIndex.vocabulary.master);
  63.                     indexArrayLoc.push([2, 0, iaLen], [2, 1, iaLen + SBIndexCount.radicals.master], [2, 2, iaLen + SBIndexCount.radicals.master + SBIndexCount.kanji.master]);
  64.                     iaLen = indexArray.length;
  65.                 }
  66.                 if (SBEnlightenEnabled) {
  67.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.kanji.enlighten, SBIndex.vocabulary.enlighten);
  68.                     indexArrayLoc.push([3, 0, iaLen], [3, 1, iaLen + SBIndexCount.radicals.enlighten], [3, 2, iaLen + SBIndexCount.radicals.enlighten + SBIndexCount.kanji.enlighten]);
  69.                     iaLen = indexArray.length;
  70.                 }
  71.                 if (SBBurnedEnabled) {
  72.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.kanji.burned, SBIndex.vocabulary.burned);
  73.                     indexArrayLoc.push([4, 0, iaLen], [4, 1, iaLen + SBIndexCount.radicals.burned], [4, 2, iaLen + SBIndexCount.radicals.burned + SBIndexCount.kanji.burned]);
  74.                     iaLen = indexArray.length;
  75.                 }
  76.                 if (SBLockedEnabled) {
  77.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.kanji.locked, SBIndex.vocabulary.locked);
  78.                     indexArrayLoc.push([5, 0, iaLen], [5, 1, iaLen + SBIndexCount.radicals.locked], [5, 2, iaLen + SBIndexCount.radicals.locked + SBIndexCount.kanji.locked]);
  79.                     iaLen = indexArray.length;
  80.                 }
  81.             } else {
  82.                 if (SBApprenticeEnabled) {
  83.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.kanji.apprentice);
  84.                     indexArrayLoc.push([0, 0, 0], [0, 1, SBIndexCount.radicals.apprentice]);
  85.                     iaLen = indexArray.length;
  86.                 }
  87.                 if (SBGuruEnabled) {
  88.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.kanji.guru);
  89.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.guru]);
  90.                     iaLen = indexArray.length;
  91.                 }
  92.                 if (SBMasterEnabled) {
  93.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.kanji.master);
  94.                     indexArrayLoc.push([2, 0, iaLen], [2, 1, iaLen + SBIndexCount.radicals.master]);
  95.                     iaLen = indexArray.length;
  96.                 }
  97.                 if (SBEnlightenEnabled) {
  98.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.kanji.enlighten);
  99.                     indexArrayLoc.push([3, 0, iaLen], [3, 1, iaLen + SBIndexCount.radicals.enlighten]);
  100.                     iaLen = indexArray.length;
  101.                 }
  102.                 if (SBBurnedEnabled) {
  103.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.kanji.burned);
  104.                     indexArrayLoc.push([4, 0, iaLen], [4, 1, iaLen + SBIndexCount.radicals.burned]);
  105.                     iaLen = indexArray.length;
  106.                 }
  107.                 if (SBLockedEnabled) {
  108.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.kanji.locked);
  109.                     indexArrayLoc.push([5, 0, iaLen], [5, 1, iaLen + SBIndexCount.radicals.locked]);
  110.                     iaLen = indexArray.length;
  111.                 }
  112.             }
  113.         } else {
  114.             if (SBVocabularyEnabled) {
  115.                 if (SBApprenticeEnabled) {
  116.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.vocabulary.apprentice);
  117.                     indexArrayLoc.push([0, 0, 0], [0, 2, SBIndexCount.radicals.apprentice]);
  118.                     iaLen = indexArray.length;
  119.                 }
  120.                 if (SBGuruEnabled) {
  121.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.vocabulary.guru);
  122.                     indexArrayLoc.push([1, 0, iaLen], [1, 2, iaLen + SBIndexCount.radicals.guru]);
  123.                     iaLen = indexArray.length;
  124.                 }
  125.                 if (SBMasterEnabled) {
  126.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.vocabulary.master);
  127.                     indexArrayLoc.push([2, 0, iaLen], [2, 2, iaLen + SBIndexCount.radicals.master]);
  128.                     iaLen = indexArray.length;
  129.                 }
  130.                 if (SBEnlightenEnabled) {
  131.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.vocabulary.enlighten);
  132.                     indexArrayLoc.push([3, 0, iaLen], [3, 2, iaLen + SBIndexCount.radicals.enlighten]);
  133.                     iaLen = indexArray.length;
  134.                 }
  135.                 if (SBBurnedEnabled) {
  136.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.vocabulary.burned);
  137.                     indexArrayLoc.push([4, 0, iaLen], [4, 2, iaLen + SBIndexCount.radicals.burned]);
  138.                     iaLen = indexArray.length;
  139.                 }
  140.                 if (SBLockedEnabled) {
  141.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.vocabulary.locked);
  142.                     indexArrayLoc.push([5, 0, iaLen], [5, 2, iaLen + SBIndexCount.radicals.locked]);
  143.                     iaLen = indexArray.length;
  144.                 }
  145.             } else {
  146.                 if (SBApprenticeEnabled) {
  147.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice);
  148.                     indexArrayLoc.push([0, 0, 0]);
  149.                     iaLen = indexArray.length;
  150.                 }
  151.                 if (SBGuruEnabled) {
  152.                     indexArray = indexArray.concat(SBIndex.radicals.guru);
  153.                     indexArrayLoc.push([1, 0, iaLen]);
  154.                     iaLen = indexArray.length;
  155.                 }
  156.                 if (SBMasterEnabled) {
  157.                     indexArray = indexArray.concat(SBIndex.radicals.master);
  158.                     indexArrayLoc.push([2, 0, iaLen]);
  159.                     iaLen = indexArray.length;
  160.                 }
  161.                 if (SBEnlightenEnabled) {
  162.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten);
  163.                     indexArrayLoc.push([3, 0, iaLen]);
  164.                     iaLen = indexArray.length;
  165.                 }
  166.                 if (SBBurnedEnabled) {
  167.                     indexArray = indexArray.concat(SBIndex.radicals.burned);
  168.                     indexArrayLoc.push([4, 0, iaLen]);
  169.                     iaLen = indexArray.length;
  170.                 }
  171.                 if (SBLockedEnabled) {
  172.                     indexArray = indexArray.concat(SBIndex.radicals.locked);
  173.                     indexArrayLoc.push([5, 0, iaLen]);
  174.                     iaLen = indexArray.length;
  175.                 }
  176.             }
  177.         }
  178.     } else if (SBKanjiEnabled) {
  179.         if (SBVocabularyEnabled) {
  180.             if (SBApprenticeEnabled) {
  181.                 indexArray = indexArray.concat(SBIndex.kanji.apprentice, SBIndex.vocabulary.apprentice);
  182.                 indexArrayLoc.push([0, 1, 0], [0, 2, SBIndexCount.kanji.apprentice]);
  183.                 iaLen = indexArray.length;
  184.             }
  185.             if (SBGuruEnabled) {
  186.                 indexArray = indexArray.concat(SBIndex.kanji.guru, SBIndex.vocabulary.guru);
  187.                 indexArrayLoc.push([1, 1, iaLen], [1, 2, iaLen + SBIndexCount.kanji.guru]);
  188.                 iaLen = indexArray.length;
  189.             }
  190.             if (SBMasterEnabled) {
  191.                 indexArray = indexArray.concat(SBIndex.kanji.master, SBIndex.vocabulary.master);
  192.                 indexArrayLoc.push([2, 1, iaLen], [2, 2, iaLen + SBIndexCount.kanji.master]);
  193.                 iaLen = indexArray.length;
  194.             }
  195.             if (SBEnlightenEnabled) {
  196.                 indexArray = indexArray.concat(SBIndex.kanji.enlighten, SBIndex.vocabulary.enlighten);
  197.                 indexArrayLoc.push([3, 1, iaLen], [3, 2, iaLen + SBIndexCount.kanji.enlighten]);
  198.                 iaLen = indexArray.length;
  199.             }
  200.             if (SBBurnedEnabled) {
  201.                 indexArray = indexArray.concat(SBIndex.kanji.burned, SBIndex.vocabulary.burned);
  202.                 indexArrayLoc.push([4, 1, iaLen], [4, 2, iaLen + SBIndexCount.kanji.burned]);
  203.                 iaLen = indexArray.length;
  204.             }
  205.             if (SBLockedEnabled) {
  206.                 indexArray = indexArray.concat(SBIndex.kanji.locked, SBIndex.vocabulary.locked);
  207.                 indexArrayLoc.push([5, 1, iaLen], [5, 2, iaLen + SBIndexCount.kanji.locked]);
  208.                 iaLen = indexArray.length;
  209.             }
  210.         } else {
  211.             if (SBApprenticeEnabled) {
  212.                 indexArray = indexArray.concat(SBIndex.kanji.apprentice);
  213.                 indexArrayLoc.push([0, 1, 0]);
  214.                 iaLen = indexArray.length;
  215.             }
  216.             if (SBGuruEnabled) {
  217.                 indexArray = indexArray.concat(SBIndex.kanji.guru);
  218.                 indexArrayLoc.push([1, 1, iaLen]);
  219.                 iaLen = indexArray.length;
  220.             }
  221.             if (SBMasterEnabled) {
  222.                 indexArray = indexArray.concat(SBIndex.kanji.master);
  223.                 indexArrayLoc.push([2, 1, iaLen]);
  224.                 iaLen = indexArray.length;
  225.             }
  226.             if (SBEnlightenEnabled) {
  227.                 indexArray = indexArray.concat(SBIndex.kanji.enlighten);
  228.                 indexArrayLoc.push([3, 1, iaLen]);
  229.                 iaLen = indexArray.length;
  230.             }
  231.             if (SBBurnedEnabled) {
  232.                 indexArray = indexArray.concat(SBIndex.kanji.burned);
  233.                 indexArrayLoc.push([4, 1, iaLen]);
  234.                 iaLen = indexArray.length;
  235.             }
  236.             if (SBLockedEnabled) {
  237.                 indexArray = indexArray.concat(SBIndex.kanji.locked);
  238.                 indexArrayLoc.push([5, 1, iaLen]);
  239.                 iaLen = indexArray.length;
  240.             }
  241.         }
  242.     } else {
  243.         if (SBApprenticeEnabled) {
  244.             indexArray = indexArray.concat(SBIndex.vocabulary.apprentice);
  245.             indexArrayLoc.push([0, 2, 0]);
  246.             iaLen = indexArray.length;
  247.         }
  248.         if (SBGuruEnabled) {
  249.             indexArray = indexArray.concat(SBIndex.vocabulary.guru);
  250.             indexArrayLoc.push([1, 2, iaLen]);
  251.             iaLen = indexArray.length;
  252.         }
  253.         if (SBMasterEnabled) {
  254.             indexArray = indexArray.concat(SBIndex.vocabulary.master);
  255.             indexArrayLoc.push([2, 2, iaLen]);
  256.             iaLen = indexArray.length;
  257.         }
  258.         if (SBEnlightenEnabled) {
  259.             indexArray = indexArray.concat(SBIndex.vocabulary.enlighten);
  260.             indexArrayLoc.push([3, 2, iaLen]);
  261.             iaLen = indexArray.length;
  262.         }
  263.         if (SBBurnedEnabled) {
  264.             indexArray = indexArray.concat(SBIndex.vocabulary.burned);
  265.             indexArrayLoc.push([4, 2, iaLen]);
  266.             iaLen = indexArray.length;
  267.         }
  268.         if (SBLockedEnabled) {
  269.             indexArray = indexArray.concat(SBIndex.vocabulary.locked);
  270.             indexArrayLoc.push([5, 2, iaLen]);
  271.             iaLen = indexArray.length;
  272.         }
  273.     }
  274.     //alert(Object.keys(indexArray).length)
  275.     curSBI = rand(0, Object.keys(indexArray).length - 1);
  276.     /*if (SBIType == 0) curSBType = 0;
  277.     else { 
  278.        	curSBType = rand(0, 1);
  279.         
  280.         if (SBIType == 1) {
  281.             if (SBRadicalsEnabled) curSBI -= Object.keys(SBRadicalData).length;
  282.         } else if (SBIType == 2) {
  283.             if (SBRadicalsEnabled) {
  284.                 if (SBKanjiEnabled) curSBI -= (Object.keys(SBRadicalData).length + Object.keys(SBKanjiData).length);
  285.                 else curSBI -= (Object.keys(SBRadicalData).length);
  286.             } else if (SBKanjiEnabled) curSBI -= Object.keys(SBKanjiData).length;
  287.         }
  288.     }*/
  289.     //alert(SBLockedEnabled + " " + SBEnlightenEnabled + " " + SBApprenticeEnabled);
  290.     
  291.     var foundLoc = false;
  292.     
  293.     for (var t = 1; t <= Object.keys(indexArrayLoc).length; t++) {
  294.         /*if (t < Object.keys(indexArrayLoc).length && indexArrayLoc[t-1][2] == indexArrayLoc[t][2]) {
  295.             indexArrayLoc = indexArrayLoc.splice(t-1);
  296.         }*/
  297.         if (!foundLoc) {
  298.             if (t == Object.keys(indexArrayLoc).length || curSBI < indexArrayLoc[t][2]) {
  299.                 SBIType = indexArrayLoc[t-1][1];
  300.                 SBIIndex = indexArray[curSBI];
  301.                 SBISrs = (SBIType == 0) ? SBRadicalData[SBIIndex].srs : ((SBIType == 1) ? SBKanjiData[SBIIndex].srs : SBVocabData[SBIIndex].srs);
  302.                 switch(SBISrs) {
  303.                     case "apprentice":
  304.                         SBISrs = 0;
  305.                         break;
  306.                     case "guru":
  307.                         SBISrs = 1;
  308.                         break;
  309.                     case "master":
  310.                         SBISrs = 2;
  311.                         break;
  312.                     case "enlighten":
  313.                         SBISrs = 3;
  314.                         break;
  315.                     case "burned":
  316.                         SBISrs = 4;
  317.                         break;
  318.                     case null:
  319.                         SBISrs = 5;
  320.                 }
  321.                 if (SBISrs !== indexArrayLoc[t-1][0]) alert("SRS mismatch: " + indexArrayLoc[t-1][0] + " should be " + SBISrs);
  322.                 foundLoc = true;
  323.             }
  324.         }
  325.     }
  326.     
  327.     var SBISize = rand(14, 49);
  328.     var SBISpeed = rand(0.75, 1.25);
  329.     var SBIx = 1170;
  330.     var SBIy = 0;
  331.     
  332.     SBICount++;
  333.     //alert(SBIndex.kanji);
  334.     $("#scroll-box").prepend('<a href="https://www.wanikani.com/' + ((SBIType == 0) ? "radicals" : ((SBIType == 1) ? "kanji" : "vocabulary")) + '/' + 
  335.                              ((SBIType == 0) ? SBRadicalData[SBIIndex].meaning : ((SBIType == 1) ? SBKanjiData[SBIIndex].character : SBVocabData[SBIIndex].character)) +
  336.                              '" target="_blank" id="SBI' + SBICount + '" lang="ja" cc="' + ((SBIType == 0) ? SBIndexBG.radicals[SBIIndex] : ((SBIType == 1) ? SBIndexBG.kanji[SBIIndex] : SBIndexBG.vocabulary[SBIIndex])) +
  337.                              '">' + ((SBIType == 0) ? SBRadicalData[SBIIndex].character : ((SBIType == 1) ? SBKanjiData[SBIIndex].character : SBVocabData[SBIIndex].character)) + '</a>');
  338.     
  339.     var SBI = $("#SBI" + SBICount);
  340.     SBI.css({"font-size": SBISize, "text-decoration": "none", "line-height": (SBISize * 1.25) + "px", "min-width": (SBISize * 1.1) + "px", "text-align": "center", "padding": "0px " + ((SBISize / 35) * 2) + "px 0px " + ((SBISize / 35) * 2)  + "px"});
  341.     var SBIw = SBI.width();
  342.     var SBIh = SBI.height();
  343.     //alert(SBIh);
  344.     SBIy = rand(0, (SBHeight * 100) - (SBISize * 1.25));
  345.     switch (SBISrs) {
  346.         case 0:
  347.             SBI.addClass("Apprentice");
  348.             break;
  349.         case 1:
  350.             SBI.addClass("Guru");
  351.             break;
  352.         case 2:
  353.             SBI.addClass("Master");
  354.             break;
  355.         case 3:
  356.             SBI.addClass("Enlightened");
  357.             break;
  358.         case 4:
  359.             SBI.addClass("Burned");
  360.             break;
  361.         case 5:
  362.             SBI.addClass("Locked");
  363.     }
  364.     if (SBI.attr("cc") > 0) SBI.addClass("sbcc" + SBI.attr("cc"));
  365.     SBI.css({"color": (((SBI.attr("cc") == 0 && SBISrs < 5) || SBI.attr("cc") > 1) ? "#fff" : (SBI.attr("cc") > 1) ? "#E3E3E3" : "#ccc"), "margin-top": SBIy, "left": SBIx + SBISize, "margin-right": -SBIw * 1.5, "border-radius": (SBISize * 0.15) + "px", "z-index": SBISize, "position": "absolute",
  366.              "-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none", "-moz-user-select": "none", "-ms-user-select": "none", "user-select": "none"});
  367.     SBI.animate({ "left": -SBIw*1.5}, {"duration": (SBISpeed * Math.pow((SBISize / 17), -1.1)) * 49000 / SBSpeed, "queue": false, "complete": function() {
  368.         $(this).remove();
  369.     }
  370.                                       }, "linear" ).attr("speed", SBISpeed);
  371.     SBI.mouseover(function() {
  372.         SBPause = true;
  373.         clearInterval(newSBItemTimer);
  374.         
  375.         var SBIP;
  376.         
  377.         for (var p = 1; p <= SBICount; p++) {
  378.             SBIP = $("#SBI" + p);
  379.             SBIP.pause();
  380.         }
  381.         
  382.         if (SBColIndex > -1) $(this).attr("link", $(this).attr("href")).attr("href", "javascript:void(1)");
  383.         else if (SBColIndex == 15) SBColIndex = rand(1, 14);
  384.         
  385.         SBSelect($(this), SBIType);
  386.         $(this).attr("oldZ", $(this).css("z-index")).css("z-index", 99);
  387.     }).mouseout(function() {
  388.         SBPause = false;
  389.         newSBItemTimer = setInterval(newSBItem, 1500 / SBSpeed);
  390.         
  391.         var SBIR;
  392.         
  393.         for (var r = 1; r <= SBICount; r++) {
  394.             SBIR = $("#SBI" + r);
  395.             SBIR.resume();
  396.         }
  397.         SBSelect(null);
  398.         $(this).css({"z-index": $(this).attr("oldZ")});
  399.         if (SBColIndex > -1) $(this).attr("href", $(this).attr("link")).removeAttr("link");
  400.     }).mousedown(function() {
  401.         if (SBColIndex > -1) {
  402.             if (!$(this).hasClass("Locked")) {
  403.                 colIndex = (SBColIndex < 15) ? SBColIndex : rand(1, 14);
  404.                 if ($(this).attr("cctemp") === undefined) {
  405.                     $(this).attr("cctemp", $(this).attr("cc"));
  406.                     if ($(this).attr("cc") > 0) $(this).removeClass("sbcc" + $(this).attr("cc"));
  407.                     if (colIndex > 0) $(this).attr("cc", colIndex).addClass("sbcc" + colIndex);
  408.                     else $(this).attr("cc", 0).removeClass("sbcc" + $(this).attr("cc"));
  409.                     if (colIndex == 1) $(this).css("color", "#aaa");
  410.                     else if ($(this).attr("cctemp") == 1) $(this).css("color", "#fff");
  411.                 } else {
  412.                     $(this).attr("cctemp2", $(this).attr("cc"));
  413.                     if ($(this).attr("cc") > 0) $(this).removeClass("sbcc" + $(this).attr("cc"));
  414.                     if ($(this).attr("cctemp") > 0) $(this).attr("cc", $(this).attr("cctemp")).addClass("sbcc" + $(this).attr("cctemp"));
  415.                     else $(this).attr("cc", 0).removeClass("sbcc" + $(this).attr("cctemp"));
  416.                     if ($(this).attr("cc") == 1) $(this).css("color", "#ccc");
  417.                     else if ($(this).attr("cctemp2") == 1) $(this).css("color", "#fff");
  418.                     $(this).attr("cctemp", $(this).attr("cctemp2")).removeAttr("cctemp2");
  419.                     if (SBColIndex == 15) $(this).removeAttr("cctemp");
  420.                 }
  421.                 if ($(this).attr("link").indexOf("/radicals/") > 0) SBIndexBG.radicals[getSBIndex(0, $(this).attr("link").substring($(this).attr("link").indexOf("s/") + 2))] = colIndex;
  422.                 else if ($(this).attr("link").indexOf("/kanji/") > 0) SBIndexBG.kanji[getSBIndex(1, $(this).attr("link").substring($(this).attr("link").indexOf("i/") + 2))] = colIndex;
  423.                 else SBIndexBG.vocabulary[getSBIndex(2, $(this).attr("link").substring($(this).attr("link").indexOf("y/") + 2))] = colIndex;
  424.                 localStorage.setItem("SBIndexBG", JSON.stringify(SBIndexBG));
  425.             }
  426.         }
  427.         /*$("#info-window").html('<span style="display:inline-block;padding:0.5em 0.7em 0.6em;background-color:#a2a2a2;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:3px 3px 0 #e1e1e1;\
  428. -moz-box-shadow:3px 3px 0 #e1e1e1;box-shadow:3px 3px 0 #e1e1e1;position: absolute; width: 560px; height: 410px; margin-top: 0px; margin-left: 30px; top: -200px; bottom: initial; left: initial; z-index: 102">\
  429. <iframe src="' + $(this).attr("link") + '#information" width="550" height="400" style="position: relative; z-index: 103"></iframe></span>').css({"display": "block"}).addClass("animated fadeInUp");*/
  430.     }).mouseup(function() {
  431.     });
  432. }
  433.  
  434. function getSBIndex(type, id) {
  435.     if (type > 0) {
  436.         if (type == 2) {
  437.             for (var v = 0; v < Object.keys(SBVocabData).length; v++) {
  438.                 if (SBVocabData[v].character == id) {
  439.                     return v;
  440.                 }
  441.             }
  442.         } else {
  443.             for (var k = 0; k < Object.keys(SBKanjiData).length; k++) {
  444.                 if (SBKanjiData[k].character == id) {
  445.                     return k;
  446.                 }
  447.             }
  448.         }
  449.     } else {
  450.         for (var r = 0; r < Object.keys(SBRadicalData).length; r++) {
  451.             if (SBRadicalData[r].meaning == id) {
  452.                 return r;
  453.             }
  454.         }
  455.     }
  456. }
  457.  
  458. function getSBRadicalData() {
  459.     
  460.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #00a0f1">Retrieving radical data...</h3>');
  461.     else $("#loadingSB").html('<h3 style="color: #00a0f1">部首データを検索中…</h3>');
  462.     
  463.     var req = new XMLHttpRequest();
  464.     
  465.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/radicals/' + SBLevels, true);
  466.     req.onreadystatechange = function() {
  467.         if (req.readyState === 4) {
  468.             if (req.status >= 200 && req.status < 400) {
  469.                 SBRadicalData = filterSBRadicalData(req.responseText.split('"character":"'));
  470.                 localStorage.setItem("SBRadicals", JSON.stringify(SBRadicalData));
  471.                 getSBKanjiData();
  472.             } else {
  473.                 alert("error");
  474.             }
  475.         }
  476.     };
  477.     req.send();
  478.     
  479. }
  480.  
  481. function getSBKanjiData() {
  482.     
  483.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #f100a0">Retrieving kanji data...</h3>');
  484.     else $("#loadingSB").html('<h3 style="color: #f100a0">漢字データを検索中…</h3>');
  485.     
  486.     var req = new XMLHttpRequest();
  487.     
  488.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/kanji/' +  SBLevels , true);
  489.     req.onreadystatechange = function() {
  490.         if (req.readyState === 4) {
  491.             if (req.status >= 200 && req.status < 400) {
  492.                 SBKanjiData = filterSBKanjiData(req.responseText.split('"character":"'));
  493.                 localStorage.setItem("SBKanji", JSON.stringify(SBKanjiData));
  494.                 getSBVocabData(true);
  495.             } else {
  496.                 alert("error");
  497.             }
  498.         }
  499.     };
  500.     req.send();
  501.     
  502. }
  503.  
  504. function getSBVocabData(firstPart) {
  505.     
  506.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #a000f1">Retrieving vocabulary data...</h3>');
  507.     else $("#loadingSB").html('<h3 style="color: #a000f1">単語データを検索中…</h3>');
  508.     
  509.     var req = new XMLHttpRequest();
  510.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/vocabulary/' + ((firstPart) ? SBLevels.substring(0, SBLevels.indexOf(",26")) : SBLevels.substring(SBLevels.indexOf("26"))), true);
  511.     req.onreadystatechange = function() {
  512.         if (req.readyState === 4) {
  513.             if (req.status >= 200 && req.status < 400) {
  514.                 if (!firstPart) {
  515.                     SBVocabData[1] = req.responseText.split('"character":"');
  516.                     SBVocabData = filterSBVocabData(SBVocabData);
  517.                     localStorage.setItem("SBVocab", JSON.stringify(SBVocabData));
  518.                     localStorage.setItem("SBIndex", JSON.stringify(SBIndex));
  519.                     localStorage.setItem("SBIndexCount", JSON.stringify(SBIndexCount));
  520.                     initScrollBox();
  521.                 } else {
  522.                     SBVocabData[0] = req.responseText.split('"character":"');
  523.                     getSBVocabData(false);
  524.                 }
  525.             } else {
  526.                 alert("error");
  527.             }
  528.         }
  529.     };
  530.     req.send();
  531. }
  532.  
  533. function switchSBLang() {
  534.     
  535.     SBLangJP = !SBLangJP;
  536.     
  537.     if (SBLangJP) {
  538.         $(".bsbsa span").html("見習い");
  539.         $(".bsbsg span").html("尊師");
  540.         $(".bsbsm span").html("達人");
  541.         $(".bsbse span").html("啓発");
  542.         $(".bsbsb span").html("焦げ");
  543.         $(".bsbsl span").html("ロック");
  544.         $(".bsbtc span").html("キャッシュ").css({"font-size": "14px", "padding-top": "3px"});
  545.         $(".bsbts span").html("スタート\nボタン").css({"font-size": "14px"});
  546.         $(".bsbmlh").html("高さの乗数").css({"font-size": "14px", "padding": "0px 5px 0px 10px"});
  547.         $(".bsbmh").css("margin-top", "0px");
  548.         $(".bsbmls").html("速度の乗数").css({"font-size": "14px", "padding-top": "0px"});
  549.         $(".bsbms").css("margin-top", "-20px");
  550.         $("#sb-col-sel-tgl span").html("色").parent().css({"padding": "20px 10px 10px 15px", "height": "35px"});
  551.     } else {
  552.         $(".bsbsa span").html("Appr");
  553.         $(".bsbsg span").html("Guru");
  554.         $(".bsbsm span").html("Master");
  555.         $(".bsbse span").html("Enlight");
  556.         $(".bsbsb span").html("Burned");
  557.         $(".bsbsl span").html("Locked"); 
  558.         $(".bsbtc span").html("Cache").css({"font-size": "inherit", "padding-top": "0px"});
  559.         $(".bsbts span").html("Start\nButton").css({"font-size": "12px"});
  560.         $(".bsbmlh").html("Height Multiplier").css({"font-size": "9px", "padding": "0px 5px 0px 5px"});
  561.         $(".bsbmh").css("margin-top", "5px");
  562.         $(".bsbmls").html("Speed Multiplier").css({"font-size": "9px", "padding-top": "8px"});
  563.         $(".bsbms").css("margin-top", "-16px");
  564.         $("#sb-col-sel-tgl span").html("Color").parent().css({"padding": "5px 10px 5px 15px", "height": "55px"});
  565.     }
  566. }
  567.  
  568. function SBResize() {
  569.     var intSBHeight = SBHeight * 100;
  570.     $("#scroll-box-section").css({"-webkit-transition": "1s ease-in-out",
  571.                                       "-moz-transition": "1s ease-in-out",
  572.                                       "-o-transition": "1s ease-in-out",
  573.                                       "transition": "1s ease-in-out",
  574.                                   	"height": (intSBHeight + 30) + "px"});
  575.     $("#scroll-box, #scroll-box-bg").css({"-webkit-transition": "1s ease-in-out",
  576.                                       "-moz-transition": "1s ease-in-out",
  577.                                       "-o-transition": "1s ease-in-out",
  578.                                       "transition": "1s ease-in-out",
  579.                                       "height": intSBHeight + "px"});
  580. }
  581.  
  582.  
  583. function getSBWKData() {
  584.     
  585.     if (localStorage.getItem("SBRadicals") === null || localStorage.getItem("SBKanji") === null || localStorage.getItem("SBVocab") === null) getSBRadicalData();
  586.     else {
  587.         SBRadicalData = JSON.parse(localStorage.getItem("SBRadicals"));
  588.         SBKanjiData = JSON.parse(localStorage.getItem("SBKanji"));
  589.         SBVocabData = JSON.parse(localStorage.getItem("SBVocab"));
  590.         initScrollBox();
  591.     }
  592. }
  593.  
  594. function clearSBItemData() {
  595.     localStorage.removeItem("SBRadicals");
  596.     localStorage.removeItem("SBKanji");
  597.     localStorage.removeItem("SBVocab");
  598.     localStorage.removeItem("SBIndex");
  599.     localStorage.removeItem("SBIndexCount");
  600.     SBIndex = {
  601.         "radicals": {
  602.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  603.         }, "kanji": {
  604.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  605.         }, "vocabulary": {
  606.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  607.         }
  608.     };
  609.     SBIndexCount = {
  610.         "radicals": {
  611.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  612.         }, "kanji": {
  613.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  614.         }, "vocabulary": {
  615.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  616.         }
  617.     };
  618. }
  619.  
  620. function initScrollBox() {
  621.     if (Object.keys(SBIndexBG.vocabulary).length === 0) {
  622.         for (var r = 0; r < Object.keys(SBRadicalData).length; r++) SBIndexBG.radicals.push(0);
  623.         for (var k = 0; k < Object.keys(SBKanjiData).length; k++) SBIndexBG.kanji.push(0);
  624.         for (var v = 0; v < Object.keys(SBVocabData).length; v++) SBIndexBG.vocabulary.push(0);
  625.     }
  626.     $("#loadingSB").remove();
  627.     $("head").append("<style type=text/css>\
  628.         #scroll-box-section span {\
  629.         display: block;\
  630.         margin-bottom: 0.5em;\
  631.         font-weight: bold;\
  632.         line-height: 1.0em;\
  633.         }\
  634.         .bsbi div, .bsbs div, .bsbt div, .bsbm div div {\
  635.         background-color: rgb(49, 49, 49);\
  636.         background-image: linear-gradient(to bottom, rgb(67, 67, 67), rgb(49, 49, 49));\
  637.         color: #E3E3E3\
  638.         -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  639.         -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  640.         box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  641.         }\
  642.         .bsbir.on {\
  643.         background-color: #00a0f1; background-image: linear-gradient(to bottom, #0af, #0093dd);\
  644.         }\
  645.         .bsbik.on {\
  646.         background-color: #f100a0; background-image: linear-gradient(to bottom, #f0a, #dd0093);\
  647.         }\
  648.         .bsbiv.on {\
  649.         background-color: #a000f1; background-image: linear-gradient(to bottom, #a0f, #9300dd);\
  650.         }\
  651.         .bsbt .on, .bsbm div .on {\
  652.         background-color: #80c100; background-image: linear-gradient(to bottom, #8c0, #73ad00);\
  653.         }\
  654.         .Apprentice, .bsbsa.on {\
  655.         background: #f100a0;\
  656.         border-color: #f100a0;\
  657.         background-image: linear-gradient(to bottom, #f0a, #dd0093);\
  658.         }\
  659.         .Guru, .bsbsg.on {\
  660.         background: #882d9e;\
  661.         border-color: #882d9e;\
  662.         background-image: linear-gradient(to bottom, #aa38c6, #882d9e);\
  663.         }\
  664.         .Master, .bsbsm.on {\
  665.         background: #294ddb;\
  666.         border-color: #294ddb;\
  667.         background-image: linear-gradient(to bottom, #5571e2, #294ddb);\
  668.         }\
  669.         .Enlightened, .bsbse.on {\
  670.         background: #0093dd;\
  671.         border-color: #0093dd;\
  672.         background-image: linear-gradient(to bottom, #0af, #0093dd);\
  673.         }\
  674.         .Burned, .bsbsb.on {\
  675.         background: #434343;\
  676.         border-color: #434343;\
  677.         background-image: linear-gradient(to bottom, #555, #434343);\
  678.         }\
  679.         .Locked, .bsbsl.on {\
  680.         background: #868686;\
  681.         border-color: #313131;\
  682.         background-image: linear-gradient(to bottom, #bbb, #a3a3a3);\
  683.         }\
  684.         .on {\
  685.         color: #FFF\
  686.         }\
  687.         .SBSelect {\
  688.         opacity: 0.5;\
  689.         pointer-events: none;\
  690.         }\
  691.         .sbcc0 {\
  692.         background: #434343;\
  693.         background-image: linear-gradient(90deg, #f100a0, #882d9e, #0093dd, #434343, #868686);\
  694.         }\
  695.         .sbcc1 {\
  696.         background: #fff;\
  697.         background-image: linear-gradient(to bottom, #fff, #e3e3e3);\
  698.         }\
  699.         .sbcc2 {\
  700.         background: #131313;\
  701.         background-image: linear-gradient(to bottom, #131313, #000);\
  702.         }\
  703.         .sbcc3 {\
  704.         background: #ff1313;\
  705.         background-image: linear-gradient(to bottom, #ff1313, #e30000);\
  706.         }\
  707.         .sbcc4 {\
  708.         background: #f0a;\
  709.         background-image: linear-gradient(to bottom, #fa0, #dd9300);\
  710.         }\
  711.         .sbcc5 {\
  712.         background: #fe0;\
  713.         background-image: linear-gradient(to bottom, #fe0, #e3d300);\
  714.         }\
  715.         .sbcc6 {\
  716.         background: #28a0228;\
  717.         background-image: linear-gradient(to bottom, #28a028, #1a931a);\
  718.         }\
  719.         .sbcc7 {\
  720.         background: #58e058;\
  721.         background-image: linear-gradient(to bottom, #58e058, #48d348);\
  722.         }\
  723. 	   .sbcc8 {\
  724.         background: #00f0fa;\
  725.         background-image: linear-gradient(to bottom, #00f0fa, #00e3f0);\
  726.         }\
  727.         .sbcc9 {\
  728.         background: #1313a0;\
  729.         background-image: linear-gradient(to bottom, #1378a0, #006093);\
  730.         }\
  731.         .sbcc10 {\
  732.         background: #1313a0;\
  733.         background-image: linear-gradient(to bottom, #1313a0, #000093);\
  734.         }\
  735.         .sbcc11 {\
  736.         background: #a858e0;\
  737.         background-image: linear-gradient(to bottom, #a858e0, #9a4ad3);\
  738.         }\
  739.         .sbcc12 {\
  740. 		background: #ecbcf3;\
  741.         background-image: linear-gradient(to bottom, #ecbcf3, #e0b0d6);\
  742.         }\
  743.         .sbcc13 {\
  744.         background: #ec13a3;\
  745.         background-image: linear-gradient(to bottom, #ec13a3, ##e00a90);\
  746.         }\
  747.         .sbcc14 {\
  748.         background: #8c735a;\
  749.         background-image: linear-gradient(to bottom, #8c735a, #806650);\
  750.         }\
  751.         .sbcc15 {\
  752. 		background: #fff;\
  753.         background-image: linear-gradient(to bottom, #fff, #e3e3e3);\
  754.         }\
  755.         </style>");
  756.     $("#scroll-box-buttons").append('<div class="bsbi" style="width: 0px; height: 0px; position: absolute; z-index: 11">\
  757.         <div class="bsbir' + ((SBRadicalsEnabled) ? ' on' : '') + '" style="position: absolute"><span lang="ja" style="font-size: inherit">部首</span></div>\
  758.         <div class="bsbik' + ((SBKanjiEnabled) ? ' on' : '') + '" style="margin-left: 56px; position: absolute"><span lang="ja" style="font-size: inherit;">漢字</span></div>\
  759.         <div class="bsbiv' + ((SBVocabularyEnabled) ? ' on' : '') + '" style="margin-left: 112px; position: absolute"><span lang="ja" style="font-size: inherit">単語</span></div>\
  760.         </div>\
  761.         <div class="bsbs" style="width: 0px; height: 0px; position: absolute; z-index: 11">\
  762.         <div class="bsbsa' + ((SBApprenticeEnabled) ? ' on' : '') + '" style="margin-left: 168px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Appr" : "見習い") + '</span></div>\
  763.         <div class="bsbsg' + ((SBGuruEnabled) ? ' on' : '') + '" style="margin-left: 248px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Guru" : "尊師") + '</span></div>\
  764.         <div class="bsbsm' + ((SBMasterEnabled) ? ' on' : '') + '" style="margin-left: 328px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Master" : "達人") + '</span></div>\
  765.         <div class="bsbse' + ((SBEnlightenEnabled) ? ' on' : '') + '" style="margin-left: 408px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Enlight" : "啓発") + '</span></div>\
  766.         <div class="bsbsb' + ((SBBurnedEnabled) ? ' on' : '') + '" style="margin-left: 488px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Burned" : "焦げ") + '</span></div>\
  767.         <div class="bsbsl' + ((SBLockedEnabled) ? ' on' : '') + '" style="margin-left: 568px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Locked" : "ロック") + '</span></div></div>\
  768.         <div class="bsbt" style="width: 0px; position: absolute; z-index: 11; margin-left: 648px">\
  769.         <div class="bsbtj' + ((SBLangJP) ? ' on' : '') + '" style="position: absolute"><span lang="ja" style="font-size: inherit">日本語</span></div>\
  770.         <div class="bsbtc' + ((SBUseCache) ? ' on' : '') + '" style="margin-left: 80px; position: absolute"><span lang="ja" style="font-size: ' + ((!SBLangJP) ? "inherit" : "14px; padding-top: 3px") + '">' + ((!SBLangJP) ? "Cache" : "キャッシュ") + '</span></div>\
  771.         <div class="bsbts' + ((SBStart) ? ' on' : '') + '" style="margin-left: 160px; position: absolute"><span lang="ja" style="font-size: ' + ((!SBLangJP) ? "12px" : "14px") + '; margin-top: -3px">' + ((!SBLangJP) ? "Start\nButton" : "スタート\nボタン") + '</span></div>\></div>\
  772.         </div>\
  773. <div class="bsbm" style="width: 0px; margin-left: 888px; position: absolute; z-index: 11">\
  774. <span class="bsbmlh" style="font-size: ' + ((!SBLangJP) ? "9" : "14") + 'px; width: 80px; padding: 0px 5px 0px ' + ((!SBLangJP) ? "5" : "10") + 'px; margin-bottom: 1px" lang="jp">' + ((!SBLangJP) ? "Height Multiplier" : "高さの乗数") + '</span>\
  775. <div class="bsbmh" style="width: 0px; position: absolute' + ((!SBLangJP) ? "; margin-top: 5px" : "" ) + '">\
  776. <div class="bsbmh0' + ((SBHeight == 1) ? ' on' : '') + '" style="position: absolute; margin-top: -15px; margin-left: 85px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">1x</div>\
  777. <div class="bsbmh1' + ((SBHeight == 2) ? ' on' : '') + '" style="position: absolute; margin-top: -15px; margin-left: 113px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">2x</div>\
  778. <div class="bsbmh2' + ((SBHeight == 3) ? ' on' : '') + '" style="position: absolute; margin-top: -15px; margin-left: 141px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">3x</div>\
  779. <div class="bsbmh3' + ((SBHeight == 4) ? ' on' : '') + '" style="position: absolute; margin-top: -15px; margin-left: 169px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">4x</div>\
  780. <div class="bsbmh4' + ((SBHeight == 5) ? ' on' : '') + '" style="position: absolute; margin-top: -15px; margin-left: 197px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">5x</div>\
  781. </div><span class="bsbmls" style="font-size: ' + ((!SBLangJP) ? "9" : "14") + 'px; width: 80px; padding: ' + ((!SBLangJP) ? "8" : "0") + 'px 5px 0px 7px" lang="jp">' + ((!SBLangJP) ? "Speed Multiplier" : "速度の乗数") + '</span>\
  782. <div class="bsbms" style="width: 0px; margin-top: -' + ((!SBLangJP) ? "16" : "20") + 'px; position: absolute">\
  783. <div class="bsbms0' + ((SBSpeed == 0.5) ? ' on' : '') + '" style="position: absolute; margin-left: 85px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">0.5x</div>\
  784. <div class="bsbms1' + ((SBSpeed == 1) ? ' on' : '') + '" style="position: absolute; margin-left: 113px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">1x</div>\
  785. <div class="bsbms2' + ((SBSpeed == 1.5) ? ' on' : '') + '" style="position: absolute; margin-left: 141px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">1.5x</div>\
  786. <div class="bsbms3' + ((SBSpeed == 2) ? ' on' : '') + '" style="position: absolute; margin-left: 169px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">2x</div>\
  787. <div class="bsbms4' + ((SBSpeed == 2.5) ? ' on' : '') + '" style="position: absolute; margin-left: 197px; width: 20px"><span style="font-size: 14px; width: 20px; padding: 2px 8px 2px 2px; margin-bottom: 0px" lang="jp">2.5x</div>\
  788.         </div>');
  789.     $(".bsbi div, .bsbs div, .bsbt div, .bsbm div div span, .sb-col-sel-tgl span").css({"font-size": "20px", "text-shadow": "none", "-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none",
  790.         "-moz-user-select": "none", "-ms-user-select": "none", "user-select": "none"});
  791.     $(".bsbi div, .bsbs div, .bsbm div div, .bsbt div").css({"background-repeat": "repeat-x", "color": "#fff", "padding": "5px 4px 0px 4px", "text-align": "center", "vertical-align": "middle"});
  792.     $(".bsbi div, .bsbs div, .bsbt div").css({"width": "72px"}).mouseover(function() {
  793.         $(this).css("text-shadow", "0 0 0.2em #fff");
  794.     }).mouseout(function() {
  795.         $(this).css("text-shadow", "none");
  796.     });
  797.     $(".bsbi div, .bsbs div").css({"height": "24px"});
  798.     $('.bsbi div').css({"width": "48px"}).click(function() {
  799.         var cancel = false;
  800.         if ($(this).hasClass("on")) {
  801.             if ((SBRadicalsEnabled && SBKanjiEnabled) || (SBRadicalsEnabled && SBVocabularyEnabled) || (SBKanjiEnabled && SBVocabularyEnabled)) {
  802.                 if ($(this).attr("class") == "bsbir on") {
  803.                     localStorage.setItem("SBRadicalsEnabled", false);
  804.                     SBRadicalsEnabled = false;
  805.                     $('a[href*="/radicals/"]').css("visibility", "hidden");
  806.                 } else if ($(this).attr("class") == "bsbik on") {
  807.                     localStorage.setItem("SBKanjiEnabled", false);
  808.                     SBKanjiEnabled = false;
  809.                     $('a[href*="/kanji/"]').css("visibility", "hidden");
  810.                 } else if ($(this).attr("class") == "bsbiv on") {
  811.                     localStorage.setItem("SBVocabularyEnabled", false);
  812.                     SBVocabularyEnabled = false;
  813.                     $('a[href*="/vocabulary/"]').css("visibility", "hidden");
  814.                 }
  815.                     } else cancel = true;
  816.         } else {
  817.             if ($(this).attr("class") == "bsbir") {
  818.                 localStorage.removeItem("SBRadicalsEnabled");
  819.                 SBRadicalsEnabled = true;
  820.                 $('a[href*="/radicals/"]').css("visibility", "inherit");
  821.             } else if ($(this).attr("class") == "bsbik") {
  822.                 localStorage.removeItem("SBKanjiEnabled");
  823.                 SBKanjiEnabled = true;
  824.                 $('a[href*="/kanji/"]').css("visibility", "inherit");
  825.             } else if ($(this).attr("class") == "bsbiv") {
  826.                 localStorage.removeItem("SBVocabularyEnabled");
  827.                 SBVocabularyEnabled = true;
  828.                 $('a[href*="/vocabulary/"]').css("visibility", "inherit");
  829.             }
  830.                 }
  831.         if (!cancel) $(this).toggleClass("on");
  832.     });
  833.     $('.bsbs div').css({"font-size": "20px", "width": "72px"}).click(function() {
  834.         var cancel = false;
  835.         if ($(this).hasClass("on")) {
  836.             if ((SBApprenticeEnabled && SBGuruEnabled) || (SBApprenticeEnabled && SBMasterEnabled) || (SBApprenticeEnabled && SBEnlightenEnabled) ||
  837.                 (SBApprenticeEnabled && SBBurnedEnabled) || (SBApprenticeEnabled && SBLockedEnabled) || (SBGuruEnabled && SBMasterEnabled) ||
  838.                 (SBGuruEnabled && SBEnlightenEnabled) || (SBGuruEnabled && SBBurnedEnabled) || (SBGuruEnabled && SBLockedEnabled) ||
  839.                 (SBMasterEnabled && SBEnlightenEnabled) || (SBMasterEnabled && SBBurnedEnabled) || (SBMasterEnabled && SBLockedEnabled) ||
  840.                 (SBEnlightenEnabled && SBBurnedEnabled) || (SBEnlightenEnabled && SBBurnedEnabled) || (SBBurnedEnabled && SBLockedEnabled)) {
  841.                 if ($(this).attr("class") == "bsbsa on") {
  842.                     localStorage.setItem("SBApprenticeEnabled", false);
  843.                     SBApprenticeEnabled = false;
  844.                     $("a.Apprentice").css("visibility", "hidden");
  845.                 } else if ($(this).attr("class") == "bsbsg on") {
  846.                     localStorage.setItem("SBGuruEnabled", false);
  847.                     SBGuruEnabled = false;
  848.                     $("a.Guru").css("visibility", "hidden");
  849.                 } else if ($(this).attr("class") == "bsbsm on") {
  850.                     localStorage.setItem("SBMasterEnabled", false);
  851.                     SBMasterEnabled = false;
  852.                     $("a.Master").css("visibility", "hidden");
  853.                 } else if ($(this).attr("class") == "bsbse on") {
  854.                     localStorage.setItem("SBEnlightenEnabled", false);
  855.                     SBEnlightenEnabled = false;
  856.                     $("a.Enlightened").css("visibility", "hidden");
  857.                 } else if ($(this).attr("class") == "bsbsb on") {
  858.                     localStorage.setItem("SBBurnedEnabled", false);
  859.                     SBBurnedEnabled = false;
  860.                     $("a.Burned").css("visibility", "hidden");
  861.                 } else if ($(this).attr("class") == "bsbsl on") {
  862.                     localStorage.setItem("SBLockedEnabled", false);
  863.                     SBLockedEnabled = false;
  864.                     $("a.Locked").css("visibility", "hidden");
  865.                 }
  866.                     } else cancel = true;
  867.         } else {
  868.             if ($(this).attr("class") == "bsbsa") {
  869.                 localStorage.removeItem("SBApprenticeEnabled");
  870.                 SBApprenticeEnabled = true;
  871.                 $("a.Apprentice").css("visibility", "inherit");
  872.             } else if ($(this).attr("class") == "bsbsg") {
  873.                 localStorage.removeItem("SBGuruEnabled");
  874.                 SBGuruEnabled = true;
  875.                 $("a.Guru").css("visibility", "inherit");
  876.             } else if ($(this).attr("class") == "bsbsm") {
  877.                 localStorage.removeItem("SBMasterEnabled");
  878.                 SBMasterEnabled = true;
  879.                 $("a.Master").css("visibility", "inherit");
  880.             } else if ($(this).attr("class") == "bsbse") {
  881.                 localStorage.removeItem("SBEnlightenEnabled");
  882.                 SBEnlightenEnabled = true;
  883.                 $("a.Enlightened").css("visibility", "inherit");
  884.             } else if ($(this).attr("class") == "bsbsb") {
  885.                 localStorage.removeItem("SBBurnedEnabled");
  886.                 SBBurnedEnabled = true;
  887.                 $("a.Burned").css("visibility", "inherit");
  888.             } else if ($(this).attr("class") == "bsbsl") {
  889.                 localStorage.removeItem("SBLockedEnabled");
  890.                 SBLockedEnabled = true;
  891.                 $("a.Locked").css("visibility", "inherit");
  892.             }
  893.                 }
  894.         if (!cancel) $(this).toggleClass("on");
  895.     });
  896.     $('.bsbm div div').css({"padding": "1px 4px 1px 4px"});
  897.     $('.bsbm div div span').css({"font-size": "12px", "padding": "0px 0px 0px 0px"});
  898.     $('.bsbm .bsbmh div').click(function() {
  899.         $(".bsbm .bsbmh div").removeClass("on");
  900.         $(this).addClass("on");
  901.         SBHeight = parseInt($(this).children(".bsbm .bsbmh div span").html(), 10);
  902.         SBResize();
  903.         localStorage.setItem("SBHeight", SBHeight);
  904.     });
  905.     $('.bsbm .bsbms div').click(function() {
  906.         $(".bsbm .bsbms div").removeClass("on");
  907.         $(this).addClass("on");
  908.         SBSpeed = parseFloat($(this).children(".bsbm .bsbms div span").html(), 2);
  909.         clearInterval(newSBItemTimer);
  910.         newSBItem();
  911.         newSBItemTimer = setInterval(newSBItem, 1500 / SBSpeed);
  912.         $('a[id*="SBI"]').each(function() {
  913.                 $(this).stop().animate({ "left": -$(this).width()*1.5}, {"duration": ($(this).attr("speed") * Math.pow((parseInt($(this).css("font-size"), 10) / 17), -1.1)) * 49000 / SBSpeed, "queue": false, "complete": function() {
  914.             			$(this).remove();
  915.         			}
  916.         		}, "linear" );
  917.         });
  918.         localStorage.setItem("SBSpeed", SBSpeed);
  919.     });
  920.     $('.bsbt div').css({"height": "24px"}).click(function() {
  921.         $(this).toggleClass("on");
  922.         if ($(this).children(".bsbt div span").html() == "日本語") {
  923.             if (!SBLangJP) localStorage.setItem("SBLangJP", true);
  924.             else localStorage.removeItem("SBLangJP");
  925.             switchSBLang();
  926.         } else if ($(this).children(".bsbt div span").html() == "Cache" || $(this).children(".bsbt div span").html() == "キャッシュ") {
  927.             if (!SBUseCache) localStorage.setItem("SBUseCache", true);
  928.             else localStorage.removeItem("SBUseCache");
  929.             SBUseCache = !SBUseCache;
  930.         } else {
  931.             if (SBStart) localStorage.setItem("SBStart", false);
  932.             else localStorage.removeItem("SBStart");
  933.             SBStart = !SBStart;
  934.         }
  935.     });
  936.     $('#sb-col-sel-tgl').css("display", "initial").click(function() {
  937.         if ($('#sb-col-sel-tgl').css("right") == "-10px") {
  938.             SBColIndex = (SBColTemp > -1) ? SBColTemp : 0;
  939.             
  940.             $('#sb-col-sel-tgl').css({"-webkit-transition": "1s ease-in-out",
  941.                                       "-moz-transition": "1s ease-in-out",
  942.                                       "-o-transition": "1s ease-in-out",
  943.                                       "transition": "1s ease-in-out"}
  944.                                     ).css("right", "-95px");
  945.             $('#sb-col-sel').css({"-webkit-transition": "1s ease-in-out",
  946.                                   "-moz-transition": "1s ease-in-out",
  947.                                   "-o-transition": "1s ease-in-out",
  948.                                   "transition": "1s ease-in-out"}
  949.                                 ).css("right", "-85px");
  950.         } else {
  951.             $('a[cctemp]').removeAttr("cctemp");
  952.             SBColIndex = -1;
  953.             $("#sb-col-sel-tgl").css("right", "-10px");
  954.             $("#sb-col-sel").css("right", "0px");
  955.         }
  956.     });
  957.     for (var c = 0; c < 16; c++) {
  958.         $("#sb-col-sel").append('<div class="sbcc' + c + '" style="width: 16px; height: 16px; left: ' + (9 + (20 * (c % 4))) + 'px; margin-top: ' + (7 + (20 * Math.floor(c / 4))) +
  959.                                 'px; position: absolute">' + ((c < 15) ? "" : '<span style="font-size: 16px; margin-left: 5px" lang="jp">?</span>') + '</div>');
  960.         $(".sbcc" + c).click(function() {
  961.             var index = parseInt($(this).attr("class").replace(/\D/g, ''));
  962.             if (index !== SBColIndex || index == 15) {
  963.                 $('a[cctemp]').removeAttr("cctemp");
  964.             	SBColSelect(index);
  965.             }
  966.         });
  967.     }
  968.     $(".sbcc1 span").css("pointer-events", "none");
  969.     /*document.getElementById("scroll-box-bg").onmousedown = function(e) {
  970.         var scrollBoxBg = document.getElementById("scroll-box-bg");
  971.         scrollBoxBg.setAttribute("potX", e.pageX - $("#scroll-box-bg").offset().left);
  972.         scrollBoxBg.onmousemove = function(e) {
  973.             $("#scroll-box-bg").attr("potX", (e.pageX - $("#scroll-box-bg").offset().left));
  974.         };
  975.         scrollBoxBg.onmouseup = function() {
  976.             $('a[id^="SB"]').each(function() {
  977.                 //$(this).css("left", ($(this).css("left") + $("#scroll-box-bg").attr("potX")) + "px");
  978.                 $(this).animate({"left": ($(this).left + $("#scroll-box-bg").attr("potX"))}, {"queue": false, "duration": 1667}, "linear");
  979.             });
  980.             document.getElementById("scroll-box-bg").setAttribute("potX", document.getElementById("scroll-box-bg").getAttribute("potX") - ((document.getElementById("scroll-box-bg").getAttribute("potX") > 0) ? 1 : -1));
  981.         };
  982.         //alert($("#scroll-box-bg").attr("potX"));
  983.         //$("#scroll-box-bg").removeAttr("potX");
  984.         scrollBoxBg.mousemove = null;
  985.         scrollBoxBg.mouseup = null;
  986.     };*/
  987.     //for (var l = 0; l < Object.keys(SBIndex.vocabulary.locked).length; l++) alert(SBIndex.vocabulary.locked[l]);
  988.     newSBItemTimer = setInterval(newSBItem, 1500);
  989. }
  990.  
  991. function SBSelect(target, type) {
  992.     $(".SBSelect").remove();
  993.     if (target !== null) {
  994.         var index = parseInt(target.attr("class").replace(/\D/g, ''));
  995.         $('<div class="SBSelect">' + ((SBColIndex < 15 || target.hasClass("Locked")) ? "" : '<span lang="jp" style="color: black; font-size: ' + target.css("font-size") + '">?</span>') + '</div>').insertBefore($(target));
  996.         $(".SBSelect").attr("style", $(target).attr("style")).css({"z-index": 100, "min-width": ($(target).width() - 4), "height": ($(target).height() - 4), "background": ((type === 0) ? "#0af" : ((type == 1) ? "#f0a" : "#a0f")),
  997.                                                                    "border": "2px inset " + ((type === 0) ? "#0093dd" : ((type == 1) ? "#dd0093" : "#9300dd"))});
  998.         if (SBColIndex > -1) {
  999.             if (SBColIndex === 0) $(".SBSelect").css({"background": $(".sbcc0").css("background"), "border": $(".sbcc0").css("background"), "background-image": $(".sbcc0").css("background")});
  1000.             else if (SBColIndex > 0) $(".SBSelect").css({"background": $(".sbcc" + SBColIndex).css("background"), "border": $(".sbcc" + SBColIndex).css("background"), "background-image": $(".sbcc" + SBColIndex).css("background-image")});
  1001.         }
  1002.     }
  1003. }
  1004.  
  1005. function SBColSelect(index) {
  1006.     $('div[class^="sbcc"]').each(function() {
  1007.         if ($(this).css("border-width") == "2px") {
  1008.             $(this).css({"border-width": "0px", "margin-top": (parseInt($(this).css("margin-top"), 10) + 2) + "px", "margin-left": (parseInt($(this).css("margin-left"), 10) + 2) + "px"});
  1009.         }
  1010.     });
  1011.     if (index > -1) {
  1012.         $('.sbcc' + index + ':not(a)').css({"border": "2px ridge white", "margin-top": (parseInt($('.sbcc' + index).css("margin-top"), 10) - 2) + "px", "margin-left": (parseInt($('.sbcc' + index).css("margin-left"), 10) - 2) + "px"});
  1013.         SBColIndex = index;
  1014.         SBColTemp = SBColIndex;
  1015.     }
  1016. }
  1017.  
  1018. function rand(low, high) {
  1019.     return Math.floor(Math.random()*(high+1)) + low;
  1020. }
  1021.  
  1022. function filterSBRadicalData(data) {
  1023.     var dataArr = {};
  1024.     
  1025.     for (var d = 1; d < data.length; d++) {
  1026.         dataArr[Object.keys(dataArr).length] = {"character": data[d].substring(0, 1), "meaning": data[d].substring(data[d].indexOf('"meaning":"') + 11, data[d].indexOf('","image"')).split(", "),
  1027.                                                 "image": data[d].substring(data[d].indexOf('"image":"') + 10, data[d].indexOf('","level"')).split(", "),
  1028.                                                 "srs": ((data[d].indexOf('"srs":') > -1) ? data[d].substring(data[d].indexOf('"srs":"') + 7, data[d].indexOf('","unl')) : null)
  1029.                                                };
  1030.         if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  1031.             SBIndex.radicals[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.radicals[dataArr[Object.keys(dataArr).length - 1].srs]] = d - 1;
  1032.             SBIndexCount.radicals[dataArr[Object.keys(dataArr).length - 1].srs]++;
  1033.         } else {
  1034.             SBIndex.radicals.locked[SBIndexCount.radicals.locked] = d - 1;
  1035.             SBIndexCount.radicals.locked++;
  1036.         }
  1037.     }
  1038.     
  1039.     //alert(SBIndexCount.radicals);
  1040.     
  1041.     return dataArr;
  1042. }
  1043.  
  1044. function filterSBKanjiData(data) {
  1045.     var dataArr = {};
  1046.     
  1047.     for (var d = 1; d < data.length; d++) {
  1048.         dataArr[Object.keys(dataArr).length] = {"character": data[d].substring(0, 1), "meaning": data[d].substring(data[d].indexOf('"meaning":"') + 11, data[d].indexOf('","onyomi"')).split(", "),
  1049.                                                 "onyomi": data[d].substring(data[d].indexOf('"onyomi":"') + 10, data[d].indexOf('","kunyomi"')).split(", "), "kunyomi": data[d].substring(data[d].indexOf('"kunyomi":"') + 11,
  1050.                                                                                                                                                                                           data[d].indexOf('","important')).split(", "), "important_reading": data[d].substring(data[d].indexOf('"important_reading":"') + 21, data[d].indexOf('","level"')),
  1051.                                                 "srs": ((data[d].indexOf('"srs":') > -1) ? data[d].substring(data[d].indexOf('"srs":"') + 7, data[d].indexOf('","unl')) : null)
  1052.                                                };
  1053.         if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  1054.             SBIndex.kanji[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.kanji[dataArr[Object.keys(dataArr).length - 1].srs]] = d - 1;
  1055.             SBIndexCount.kanji[dataArr[Object.keys(dataArr).length - 1].srs]++;
  1056.         } else {
  1057.             SBIndex.kanji.locked[SBIndexCount.kanji.locked] = d - 1;
  1058.             SBIndexCount.kanji.locked++;
  1059.         }
  1060.     }
  1061.     
  1062.     return dataArr;
  1063. }
  1064.  
  1065. function filterSBVocabData(data) {
  1066.     var dataArr = {};
  1067.     
  1068.     for (var p = 0; p < Object.keys(data).length; p++) {
  1069.         for (var d = 1; d < Object.keys(data[p]).length; d++) {
  1070.             dataArr[Object.keys(dataArr).length] = {"character": data[p][d].substring(0, data[p][d].indexOf('"')), "kana": data[p][d].substring(data[p][d].indexOf('"kana":"') + 8, data[p][d].indexOf('","meaning"')).split(", "),
  1071.                                                     "meaning": (data[p][d].substring(data[p][d].indexOf('"meaning":"') + 11, data[p][d].indexOf('","level"'))).split(", "),
  1072.                                                     "srs": ((data[p][d].indexOf('"srs":') > -1) ? data[p][d].substring(data[p][d].indexOf('"srs":"') + 7, data[p][d].indexOf('","unl')) : null)
  1073.                                                    };
  1074.             if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  1075.                 SBIndex.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs]] = Object.keys(dataArr).length - 1;
  1076.                 SBIndexCount.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs]++;
  1077.             } else {
  1078.                 SBIndex.vocabulary.locked[SBIndexCount.vocabulary.locked] = Object.keys(dataArr).length - 1;
  1079.                 SBIndexCount.vocabulary.locked++;
  1080.             }
  1081.         }
  1082.     }
  1083.     
  1084.     return dataArr;
  1085. }
  1086.  
  1087. cancelExecution = false;
  1088.  
  1089. if (localStorage.getItem("apiKey") !== null && localStorage.getItem("apiKey").length == 32) apiKey = localStorage.getItem("apiKey");
  1090. else if (apiKey.length == 32) localStorage.setItem("apiKey", apiKey);
  1091.     else {
  1092.         cancelExecution = true;
  1093.         alert("Please enter your API key near the top of the WanaKani Scroll Box userscript.");
  1094.     }
  1095.  
  1096. newSBItemTimer = 0;
  1097.  
  1098. if (!cancelExecution) {
  1099.     
  1100.     SBLangJP = (localStorage.getItem("SBLangJP") == null) ? false : true;
  1101.     SBUseCache = (localStorage.getItem("SBUseCache") == null) ? false : true;
  1102.     SBStart = (localStorage.getItem("SBStart") == null) ? true : false;
  1103.     if (localStorage.getItem("SBHeight") == null) localStorage.setItem("SBHeight", 2);
  1104.     SBHeight = localStorage.getItem("SBHeight");
  1105.     if (localStorage.getItem("SBSpeed") == null) localStorage.setItem("SBSpeed", 2);
  1106.     SBSpeed = localStorage.getItem("SBSpeed");
  1107.     SBICount = 0;
  1108.     SBColIndex = -1;
  1109.     SBColTemp = -1;
  1110.     SBPause = false;
  1111.     SBRadicalsEnabled = (localStorage.getItem("SBRadicalsEnabled") !== null) ? false : true;
  1112.     SBKanjiEnabled = (localStorage.getItem("SBKanjiEnabled") !== null) ? false : true;
  1113.     SBVocabularyEnabled = (localStorage.getItem("SBVocabularyEnabled") !== null) ? false : true;
  1114.     SBApprenticeEnabled = (localStorage.getItem("SBApprenticeEnabled") !== null) ? false : true;
  1115.     SBGuruEnabled = (localStorage.getItem("SBGuruEnabled") !== null) ? false : true;
  1116.     SBMasterEnabled = (localStorage.getItem("SBMasterEnabled") !== null) ? false : true;
  1117.     SBEnlightenEnabled = (localStorage.getItem("SBEnlightenEnabled") !== null) ? false : true;
  1118.     SBBurnedEnabled = (localStorage.getItem("SBBurnedEnabled") !== null) ? false : true;
  1119.     SBLockedEnabled = (localStorage.getItem("SBLockedEnabled") !== null) ? false : true;
  1120.     SBRadicalData = {};
  1121.     SBKanjiData = {};
  1122.     SBVocabData = {};
  1123.     SBLevels = "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50";
  1124.     SBIndex = (localStorage.getItem("SBIndex") !== null) ? JSON.parse(localStorage.getItem("SBIndex")) : {
  1125.         "radicals": {
  1126.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  1127.         }, "kanji": {
  1128.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  1129.         }, "vocabulary": {
  1130.             "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  1131.         }
  1132.     };
  1133.     SBIndexCount =  (localStorage.getItem("SBIndexCount") !== null) ? JSON.parse(localStorage.getItem("SBIndexCount")) : {
  1134.         "radicals": {
  1135.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  1136.         }, "kanji": {
  1137.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  1138.         }, "vocabulary": {
  1139.             "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  1140.         }
  1141.     };
  1142.     SBIndexBG = (localStorage.getItem("SBIndexBG") !== null) ? JSON.parse(localStorage.getItem("SBIndexBG")) : { "radicals": [], "kanji": [], "vocabulary": [] };
  1143.     if (SBPageTop) $(getSBSection()).insertBefore($(".review-status ul"));
  1144.     else $(getSBSection()).insertAfter($(".span12 .row:first"));
  1145.     if (!SBLangJP) $("#loadingSB").html('<a lang="ja" href="javascript:void(0)" style="font-size: 52px; color: #434343; text-decoration: none">Start</a>');
  1146.     else $("#loadingSB").html('<a lang="ja" href="javascript:void(0)" style="font-size: 52px; color: #434343; text-decoration: none">開始</a>');
  1147.     $("#loadingSB a").click( function() {
  1148.         
  1149.         if (!SBUseCache) clearSBItemData(); 
  1150.         getSBWKData();
  1151.         
  1152.     });
  1153.     
  1154.     if (!SBStart) $("#loadingSB a").click();
  1155.     
  1156. }
  1157. // ==/UserScript==