☰

Wanikani Scrollbox

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

当前为 2014-12-24 提交的版本，查看 最新版本。

  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.8.6
  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.  
  17. $("head").append('<script src="https://rawgit.com/WaniKani/WanaKana/master/lib/wanakana.min.js" type="text/javascript"></script>' +
  18.                   '<script src="https://rawgit.com/tobia/Pause/master/jquery.pause.min.js" type="text/javascript"></script>"');
  19.  
  20. function getSBSection() {
  21.     var intSectionHeight = SBHeight * 100;
  22.     var strSection = '<section id="scroll-box-section" style="overflow: hidden; width: 100%; height: ' + (intSectionHeight + 30) + 'px; border-radius: 5px; position: relative">' +
  23.         '<div id="scroll-box-buttons" style="width: 100%; height: 30px"></div>' +
  24.         '<div id="scroll-box" style="overflow: hidden; width: 100%; height: ' + intSectionHeight + 'px; border-radius: 5px; position: relative">' +
  25.             '<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>' +
  26.                             '<div id="scroll-box-bg" style="background-color: #fff; width: 100%; height: ' + intSectionHeight + 'px; border-radius: 5px; position: absolute"></div>' +
  27.             '</div></section>';
  28.     return strSection;
  29. }
  30.  
  31. function newSBItem() {
  32.     
  33.     var curSBI = -1;
  34.     var SBIType = -1;
  35.     var SBISrs = -1;
  36.     var SBIIndex = -1;
  37.     var indexArray = [];
  38.     var indexArrayLoc = [];
  39.     var iaLen = 0;
  40.  
  41.     if (SBRadicalsEnabled) {
  42.         if (SBKanjiEnabled) {
  43.             if (SBVocabularyEnabled) {
  44.                 if (SBApprenticeEnabled) {
  45.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.kanji.apprentice, SBIndex.vocabulary.apprentice);
  46.                     indexArrayLoc.push([0, 0, 0], [0, 1, SBIndexCount.radicals.apprentice], [0, 2, SBIndexCount.radicals.apprentice + SBIndexCount.kanji.apprentice]);
  47.                     iaLen = indexArray.length;
  48.                 }
  49.                 if (SBGuruEnabled) {
  50.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.kanji.guru, SBIndex.vocabulary.guru);
  51.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.guru], [1, 2, iaLen + SBIndexCount.radicals.guru + SBIndexCount.kanji.guru]);
  52.                     iaLen = indexArray.length;
  53.                 }
  54.                 if (SBMasterEnabled) {
  55.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.kanji.master, SBIndex.vocabulary.master);
  56.                     indexArrayLoc.push([2, 0, iaLen], [2, 1, iaLen + SBIndexCount.radicals.master], [2, 2, iaLen + SBIndexCount.radicals.master + SBIndexCount.kanji.master]);
  57.                     iaLen = indexArray.length;
  58.                 }
  59.                 if (SBEnlightenEnabled) {
  60.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.kanji.enlighten, SBIndex.vocabulary.enlighten);
  61.                     indexArrayLoc.push([3, 0, iaLen], [3, 1, iaLen + SBIndexCount.radicals.enlighten], [3, 2, iaLen + SBIndexCount.radicals.enlighten + SBIndexCount.kanji.enlighten]);
  62.                     iaLen = indexArray.length;
  63.                 }
  64.                 if (SBBurnedEnabled) {
  65.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.kanji.burned, SBIndex.vocabulary.burned);
  66.                     indexArrayLoc.push([4, 0, iaLen], [4, 1, iaLen + SBIndexCount.radicals.burned], [4, 2, iaLen + SBIndexCount.radicals.burned + SBIndexCount.kanji.burned]);
  67.                     iaLen = indexArray.length;
  68.                 }
  69.                 if (SBLockedEnabled) {
  70.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.kanji.locked, SBIndex.vocabulary.locked);
  71.                     indexArrayLoc.push([5, 0, iaLen], [5, 1, iaLen + SBIndexCount.radicals.locked], [5, 2, iaLen + SBIndexCount.radicals.locked + SBIndexCount.kanji.locked]);
  72.                     iaLen = indexArray.length;
  73.                 }
  74.             } else {
  75.                 if (SBApprenticeEnabled) {
  76.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.kanji.apprentice);
  77.                     indexArrayLoc.push([0, 0, 0], [0, 1, SBIndexCount.radicals.apprentice]);
  78.                     iaLen = indexArray.length;
  79.                 }
  80.                 if (SBGuruEnabled) {
  81.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.kanji.guru);
  82.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.guru]);
  83.                     iaLen = indexArray.length;
  84.                 }
  85.                 if (SBMasterEnabled) {
  86.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.kanji.master);
  87.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.master]);
  88.                     iaLen = indexArray.length;
  89.                 }
  90.                 if (SBEnlightenEnabled) {
  91.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.kanji.enlighten);
  92.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.enlighten]);
  93.                     iaLen = indexArray.length;
  94.                 }
  95.                 if (SBBurnedEnabled) {
  96.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.kanji.burned);
  97.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.burned]);
  98.                     iaLen = indexArray.length;
  99.                 }
  100.                 if (SBLockedEnabled) {
  101.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.kanji.locked);
  102.                     indexArrayLoc.push([1, 0, iaLen], [1, 1, iaLen + SBIndexCount.radicals.locked]);
  103.                     iaLen = indexArray.length;
  104.                 }
  105.             }
  106.         } else {
  107.             if (SBVocabularyEnabled) {
  108.                 if (SBApprenticeEnabled) {
  109.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice, SBIndex.vocabulary.apprentice);
  110.                     indexArrayLoc.push([0, 0, 0], [0, 2, SBIndexCount.radicals.apprentice]);
  111.                     iaLen = indexArray.length;
  112.                 }
  113.                 if (SBGuruEnabled) {
  114.                     indexArray = indexArray.concat(SBIndex.radicals.guru, SBIndex.vocabulary.guru);
  115.                     indexArrayLoc.push([1, 0, iaLen], [1, 2, iaLen + SBIndexCount.radicals.guru]);
  116.                     iaLen = indexArray.length;
  117.                 }
  118.                 if (SBMasterEnabled) {
  119.                     indexArray = indexArray.concat(SBIndex.radicals.master, SBIndex.vocabulary.master);
  120.                     indexArrayLoc.push([2, 0, iaLen], [2, 2, iaLen + SBIndexCount.radicals.master]);
  121.                     iaLen = indexArray.length;
  122.                 }
  123.                 if (SBEnlightenEnabled) {
  124.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten, SBIndex.vocabulary.enlighten);
  125.                     indexArrayLoc.push([3, 0, iaLen], [3, 2, iaLen + SBIndexCount.radicals.enlighten]);
  126.                     iaLen = indexArray.length;
  127.                 }
  128.                 if (SBBurnedEnabled) {
  129.                     indexArray = indexArray.concat(SBIndex.radicals.burned, SBIndex.vocabulary.burned);
  130.                     indexArrayLoc.push([4, 0, iaLen], [4, 2, iaLen + SBIndexCount.radicals.burned]);
  131.                     iaLen = indexArray.length;
  132.                 }
  133.                 if (SBLockedEnabled) {
  134.                     indexArray = indexArray.concat(SBIndex.radicals.locked, SBIndex.vocabulary.locked);
  135.                     indexArrayLoc.push([5, 0, iaLen], [5, 2, iaLen + SBIndexCount.radicals.locked]);
  136.                     iaLen = indexArray.length;
  137.                 }
  138.             } else {
  139.                 if (SBApprenticeEnabled) {
  140.                     indexArray = indexArray.concat(SBIndex.radicals.apprentice);
  141.                     indexArrayLoc.push([0, 0, 0]);
  142.                     iaLen = indexArray.length;
  143.                 }
  144.                 if (SBGuruEnabled) {
  145.                     indexArray = indexArray.concat(SBIndex.radicals.guru);
  146.                     indexArrayLoc.push([1, 0, iaLen]);
  147.                     iaLen = indexArray.length;
  148.                 }
  149.                 if (SBMasterEnabled) {
  150.                     indexArray = indexArray.concat(SBIndex.radicals.master);
  151.                     indexArrayLoc.push([2, 0, iaLen]);
  152.                     iaLen = indexArray.length;
  153.                 }
  154.                 if (SBEnlightenEnabled) {
  155.                     indexArray = indexArray.concat(SBIndex.radicals.enlighten);
  156.                     indexArrayLoc.push([3, 0, iaLen]);
  157.                     iaLen = indexArray.length;
  158.                 }
  159.                 if (SBBurnedEnabled) {
  160.                     indexArray = indexArray.concat(SBIndex.radicals.burned);
  161.                     indexArrayLoc.push([4, 0, iaLen]);
  162.                     iaLen = indexArray.length;
  163.                 }
  164.                 if (SBLockedEnabled) {
  165.                     indexArray = indexArray.concat(SBIndex.radicals.locked);
  166.                     indexArrayLoc.push([5, 0, iaLen]);
  167.                     iaLen = indexArray.length;
  168.                 }
  169.             }
  170.         }
  171.     } else if (SBKanjiEnabled) {
  172.         if (SBVocabularyEnabled) {
  173.             if (SBApprenticeEnabled) {
  174.                 indexArray = indexArray.concat(SBIndex.kanji.apprentice, SBIndex.vocabulary.apprentice);
  175.                 indexArrayLoc.push([0, 1, 0], [0, 2, SBIndexCount.kanji.apprentice]);
  176.                 iaLen = indexArray.length;
  177.             }
  178.             if (SBGuruEnabled) {
  179.                 indexArray = indexArray.concat(SBIndex.kanji.guru, SBIndex.vocabulary.guru);
  180.                 indexArrayLoc.push([1, 1, iaLen], [1, 2, iaLen + SBIndexCount.kanji.guru]);
  181.                 iaLen = indexArray.length;
  182.             }
  183.             if (SBMasterEnabled) {
  184.                 indexArray = indexArray.concat(SBIndex.kanji.master, SBIndex.vocabulary.master);
  185.                 indexArrayLoc.push([2, 1, iaLen], [2, 2, iaLen + SBIndexCount.kanji.master]);
  186.                 iaLen = indexArray.length;
  187.             }
  188.             if (SBEnlightenEnabled) {
  189.                 indexArray = indexArray.concat(SBIndex.kanji.enlighten, SBIndex.vocabulary.enlighten);
  190.                 indexArrayLoc.push([3, 1, iaLen], [3, 2, iaLen + SBIndexCount.kanji.enlighten]);
  191.                 iaLen = indexArray.length;
  192.             }
  193.             if (SBBurnedEnabled) {
  194.                 indexArray = indexArray.concat(SBIndex.kanji.burned, SBIndex.vocabulary.burned);
  195.                 indexArrayLoc.push([4, 1, iaLen], [4, 2, iaLen + SBIndexCount.kanji.burned]);
  196.                 iaLen = indexArray.length;
  197.             }
  198.             if (SBLockedEnabled) {
  199.                 indexArray = indexArray.concat(SBIndex.kanji.locked, SBIndex.vocabulary.locked);
  200.                 indexArrayLoc.push([5, 1, iaLen], [5, 2, iaLen + SBIndexCount.kanji.locked]);
  201.                 iaLen = indexArray.length;
  202.             }
  203.         } else {
  204.             if (SBApprenticeEnabled) {
  205.                 indexArray = indexArray.concat(SBIndex.kanji.apprentice);
  206.                 indexArrayLoc.push([0, 1, 0]);
  207.                 iaLen = indexArray.length;
  208.             }
  209.             if (SBGuruEnabled) {
  210.                 indexArray = indexArray.concat(SBIndex.kanji.guru);
  211.                 indexArrayLoc.push([1, 1, iaLen]);
  212.                 iaLen = indexArray.length;
  213.             }
  214.             if (SBMasterEnabled) {
  215.                 indexArray = indexArray.concat(SBIndex.kanji.master);
  216.                 indexArrayLoc.push([2, 1, iaLen]);
  217.                 iaLen = indexArray.length;
  218.             }
  219.             if (SBEnlightenEnabled) {
  220.                 indexArray = indexArray.concat(SBIndex.kanji.enlighten);
  221.                 indexArrayLoc.push([3, 1, iaLen]);
  222.                 iaLen = indexArray.length;
  223.             }
  224.             if (SBBurnedEnabled) {
  225.                 indexArray = indexArray.concat(SBIndex.kanji.burned);
  226.                 indexArrayLoc.push([4, 1, iaLen]);
  227.                 iaLen = indexArray.length;
  228.             }
  229.             if (SBLockedEnabled) {
  230.                 indexArray = indexArray.concat(SBIndex.kanji.locked);
  231.                 indexArrayLoc.push([5, 1, iaLen]);
  232.                 iaLen = indexArray.length;
  233.             }
  234.         }
  235.     } else {
  236.         if (SBApprenticeEnabled) {
  237.             indexArray = indexArray.concat(SBIndex.vocabulary.apprentice);
  238.             indexArrayLoc.push([0, 2, 0]);
  239.             iaLen = indexArray.length;
  240.         }
  241.         if (SBGuruEnabled) {
  242.             indexArray = indexArray.concat(SBIndex.vocabulary.guru);
  243.             indexArrayLoc.push([1, 2, iaLen]);
  244.             iaLen = indexArray.length;
  245.         }
  246.         if (SBMasterEnabled) {
  247.             indexArray = indexArray.concat(SBIndex.vocabulary.master);
  248.             indexArrayLoc.push([2, 2, iaLen]);
  249.             iaLen = indexArray.length;
  250.         }
  251.         if (SBEnlightenEnabled) {
  252.             indexArray = indexArray.concat(SBIndex.vocabulary.enlighten);
  253.             indexArrayLoc.push([3, 2, iaLen]);
  254.             iaLen = indexArray.length;
  255.         }
  256.         if (SBBurnedEnabled) {
  257.             indexArray = indexArray.concat(SBIndex.vocabulary.burned);
  258.             indexArrayLoc.push([4, 2, iaLen]);
  259.             iaLen = indexArray.length;
  260.         }
  261.         if (SBLockedEnabled) {
  262.             indexArray = indexArray.concat(SBIndex.vocabulary.locked);
  263.             indexArrayLoc.push([5, 2, iaLen]);
  264.             iaLen = indexArray.length;
  265.         }
  266.     }
  267.     //alert(Object.keys(indexArray).length)
  268.     curSBI = rand(0, Object.keys(indexArray).length - 1);
  269.     /*if (SBIType == 0) curSBType = 0;
  270.     else { 
  271.        	curSBType = rand(0, 1);
  272.         
  273.         if (SBIType == 1) {
  274.             if (SBRadicalsEnabled) curSBI -= Object.keys(SBRadicalData).length;
  275.         } else if (SBIType == 2) {
  276.             if (SBRadicalsEnabled) {
  277.                 if (SBKanjiEnabled) curSBI -= (Object.keys(SBRadicalData).length + Object.keys(SBKanjiData).length);
  278.                 else curSBI -= (Object.keys(SBRadicalData).length);
  279.             } else if (SBKanjiEnabled) curSBI -= Object.keys(SBKanjiData).length;
  280.         }
  281.     }*/
  282.     //alert(SBLockedEnabled + " " + SBEnlightenEnabled + " " + SBApprenticeEnabled);
  283.     //curSBI = indexArrayLoc[SBICount][2];
  284.     
  285.     var foundLoc = false;
  286.     
  287.     for (var t = 1; t <= Object.keys(indexArrayLoc).length; t++) {
  288.         /*if (t < Object.keys(indexArrayLoc).length && indexArrayLoc[t-1][2] == indexArrayLoc[t][2]) {
  289.             indexArrayLoc = indexArrayLoc.splice(t-1);
  290.         }*/
  291.         if (!foundLoc) {
  292.                 if (t == Object.keys(indexArrayLoc).length || curSBI < indexArrayLoc[t][2]) {
  293.                     SBIType = indexArrayLoc[t-1][1];
  294.                     SBIIndex = indexArray[curSBI];
  295.                     SBISrs = (SBIType == 0) ? SBRadicalData[SBIIndex].srs : ((SBIType == 1) ? SBKanjiData[SBIIndex].srs : SBVocabData[SBIIndex].srs);
  296.                     switch(SBISrs) {
  297.                         case "apprentice":
  298.                             SBISrs = 0;
  299.                             break;
  300.                         case "guru":
  301.                             SBISrs = 1;
  302.                             break;
  303.                         case "master":
  304.                             SBISrs = 2;
  305.                             break;
  306.                         case "enlighten":
  307.                             SBISrs = 3;
  308.                             break;
  309.                         case "burned":
  310.                             SBISrs = 4;
  311.                             break;
  312.                         case null:
  313.                             SBISrs = 5;
  314.                     }
  315.                     if (SBISrs !== indexArrayLoc[t-1][0]) alert("SRS mismatch: " + indexArrayLoc[t-1][0] + " should be " + SBISrs);
  316.                     foundLoc = true;
  317.                 }
  318.         }
  319.     }
  320.  
  321.     var SBISize = rand(14, 49);
  322.     var SBISpeed = rand(0.75, 1.25);
  323.     var SBIx = 1170;
  324.     var SBIy = 0;
  325.     
  326.     SBICount++;
  327.     //alert(SBIndex.kanji);
  328.     $("#scroll-box").prepend('<a href="https://www.wanikani.com/' + ((SBIType == 0) ? "radicals" : ((SBIType == 1) ? "kanji" : "vocabulary")) + '/' + 
  329.     ((SBIType == 0) ? SBRadicalData[SBIIndex].meaning : ((SBIType == 1) ? SBKanjiData[SBIIndex].character : SBVocabData[SBIIndex].character)) +
  330.                              '" target="_blank" id="SB' + SBICount + '" lang="ja">' + ((SBIType == 0) ? SBRadicalData[SBIIndex].character : ((SBIType == 1) ? SBKanjiData[SBIIndex].character :
  331.                              SBVocabData[SBIIndex].character)) + '</a>');
  332.     
  333.     var SBI = $("#SB" + SBICount);
  334.     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"});
  335.     var SBIw = SBI.width();
  336.     var SBIh = SBI.height();
  337.     //alert(SBIh);
  338.     SBIy = rand(0, (SBHeight * 100) - (SBISize * 1.25));
  339.     switch (SBISrs) {
  340.         case 0:
  341.             SBI.addClass("Apprentice");
  342.             break;
  343.         case 1:
  344.             SBI.addClass("Guru");
  345.             break;
  346.         case 2:
  347.             SBI.addClass("Master");
  348.             break;
  349.         case 3:
  350.             SBI.addClass("Enlightened");
  351.             break;
  352.         case 4:
  353.             SBI.addClass("Burned");
  354.             break;
  355.         case 5:
  356.             SBI.addClass("Locked");
  357.     }
  358.     SBI.css({"color": ((SBISrs < 5) ? "#fff" : "#E3E3E3"), "margin-top": SBIy, "left": SBIx + SBISize, "margin-right": -SBIw * 1.5, "border-radius": (SBISize * 0.15) + "px", "z-index": SBISize, "position": "absolute",
  359.            	"-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none", "-moz-user-select": "none", "-ms-user-select": "none", "user-select": "none"});
  360.     SBI.animate({ "left": -SBIw*1.5}, {"duration": (SBISpeed * Math.pow((SBISize / 17), -1.1)) * 49000, "complete": function() {
  361.         																											$(this).remove();
  362.     																											}
  363.                                   }, "linear" );
  364.     SBI.mouseover(function() {
  365.         SBPause = true;
  366.         clearInterval(newSBItemTimer);
  367.         
  368.         var SBIP;
  369.         
  370.         for (var p = 1; p <= SBICount; p++) {
  371.             SBIP = $("#SB" + p);
  372.             SBIP.pause();
  373.         }
  374.         
  375.         SBSelect($(this), SBIType);
  376.         $(this).attr("oldZ", $(this).css("z-index")).css("z-index", 99);
  377.     }).mouseout(function() {
  378.         SBPause = false;
  379.         newSBItemTimer = setInterval(newSBItem, 1500);
  380.         
  381.         var SBIR;
  382.         
  383.         for (var r = 1; r <= SBICount; r++) {
  384.             SBIR = $("#SB" + r);
  385.             SBIR.resume();
  386.         }
  387.         SBSelect(null);
  388.         $(this).css({"z-index": $(this).attr("oldZ")});
  389.     });
  390. }
  391.  
  392. function getSBRadicalData() {
  393.     
  394.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #00a0f1">Retrieving radical data...</h3>');
  395.     else $("#loadingSB").html('<h3 style="color: #00a0f1">部首データを検索中…</h3>');
  396.     
  397.     var req = new XMLHttpRequest();
  398.     
  399.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/radicals/' + SBLevels, true);
  400.     req.onreadystatechange = function() {
  401.         if (req.readyState === 4) {
  402.             if (req.status >= 200 && req.status < 400) {
  403.                 SBRadicalData = filterSBRadicalData(req.responseText.split('"character":"'));
  404.                 localStorage.setItem("SBRadicals", JSON.stringify(SBRadicalData));
  405.                 getSBKanjiData();
  406.             } else {
  407.                 alert("error");
  408.             }
  409.         }
  410.     };
  411.     req.send();
  412.     
  413. }
  414.  
  415. function getSBKanjiData() {
  416.     
  417.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #f100a0">Retrieving kanji data...</h3>');
  418.     else $("#loadingSB").html('<h3 style="color: #f100a0">漢字データを検索中…</h3>');
  419.     
  420.     var req = new XMLHttpRequest();
  421.     
  422.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/kanji/' +  SBLevels , true);
  423.     req.onreadystatechange = function() {
  424.         if (req.readyState === 4) {
  425.             if (req.status >= 200 && req.status < 400) {
  426.                 SBKanjiData = filterSBKanjiData(req.responseText.split('"character":"'));
  427.                 localStorage.setItem("SBKanji", JSON.stringify(SBKanjiData));
  428.                 getSBVocabData(true);
  429.             } else {
  430.                 alert("error");
  431.             }
  432.         }
  433.     };
  434.     req.send();
  435.  
  436. }
  437.  
  438. function getSBVocabData(firstPart) {
  439.     
  440.     if (!SBLangJP) $("#loadingSB").html('<h3 style="color: #a000f1">Retrieving vocabulary data...</h3>');
  441.     else $("#loadingSB").html('<h3 style="color: #a000f1">単語データを検索中…</h3>');
  442.         
  443.     var req = new XMLHttpRequest();
  444.     req.open('GET', 'https://www.wanikani.com/api/user/' + apiKey + '/vocabulary/' + ((firstPart) ? SBLevels.substring(0, SBLevels.indexOf(",26")) : SBLevels.substring(SBLevels.indexOf("26"))), true);
  445.     req.onreadystatechange = function() {
  446.         if (req.readyState === 4) {
  447.             if (req.status >= 200 && req.status < 400) {
  448.                 if (!firstPart) {
  449.                     SBVocabData[1] = req.responseText.split('"character":"');
  450.                     SBVocabData = filterSBVocabData(SBVocabData);
  451.                     localStorage.setItem("SBVocab", JSON.stringify(SBVocabData));
  452.                     localStorage.setItem("SBIndex", JSON.stringify(SBIndex));
  453.                     localStorage.setItem("SBIndexCount", JSON.stringify(SBIndexCount));
  454.                     initScrollBox();
  455.                 } else {
  456.                     SBVocabData[0] = req.responseText.split('"character":"');
  457.                     getSBVocabData(false);
  458.                 }
  459.             } else {
  460.                 alert("error");
  461.             }
  462.         }
  463.     };
  464.     req.send();
  465. }
  466.  
  467. function switchSBLang() {
  468.     
  469.     SBLangJP = !SBLangJP;
  470.     
  471.     if (SBLangJP) {
  472.         $(".bsbsa span").html("見習い");
  473.         $(".bsbsg span").html("尊師");
  474.         $(".bsbsm span").html("達人");
  475.         $(".bsbse span").html("啓発");
  476.         $(".bsbsb span").html("焦げ");
  477.         $(".bsbsl span").html("ロック");
  478.         $(".bsbtc span").html("キャッシュ").css({"font-size": "14px", "padding-top": "3px"});
  479.         $(".bsbts span").html("スタート\nボタン").css({"font-size": "14px"});
  480.     } else {
  481.         $(".bsbsa span").html("Appr");
  482.         $(".bsbsg span").html("Guru");
  483.         $(".bsbsm span").html("Master");
  484.         $(".bsbse span").html("Enlight");
  485.         $(".bsbsb span").html("Burned");
  486.         $(".bsbsl span").html("Locked"); 
  487.         $(".bsbtc span").html("Cache").css({"font-size": "inherit", "padding-top": "0px"});
  488.         $(".bsbts span").html("Start\nButton").css({"font-size": "12px"});
  489.     }
  490. }
  491.  
  492.  
  493. function getSBWKData() {
  494.     
  495.     if (localStorage.getItem("SBRadicals") == null || localStorage.getItem("SBKanji") == null || localStorage.getItem("SBVocab") == null) getSBRadicalData();
  496.     else {
  497. 		SBRadicalData = JSON.parse(localStorage.getItem("SBRadicals"));
  498.         SBKanjiData = JSON.parse(localStorage.getItem("SBKanji"));
  499.         SBVocabData = JSON.parse(localStorage.getItem("SBVocab"));
  500.         initScrollBox();
  501.     }
  502. }
  503.  
  504. function clearSBItemData() {
  505.     localStorage.removeItem("SBRadicals");
  506.     localStorage.removeItem("SBKanji");
  507.     localStorage.removeItem("SBVocab");
  508.     localStorage.removeItem("SBIndex");
  509.     localStorage.removeItem("SBIndexCount");
  510.     SBIndex = {
  511.         	"radicals": {
  512.         		"apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  513.             }, "kanji": {
  514.                 "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  515.             }, "vocabulary": {
  516.                 "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  517.             }
  518.     };
  519.     SBIndexCount = {
  520.         	"radicals": {
  521.         		"apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  522.             }, "kanji": {
  523.                 "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  524.             }, "vocabulary": {
  525.                 "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  526.             }
  527.     };
  528. }
  529.  
  530. function initScrollBox() {
  531.     $("#loadingSB").remove();
  532.     $("head").append("<style type=text/css>\
  533.     	.bsbi div, .bsbs div, .bsbt div {\
  534.             background-color: rgb(49, 49, 49);\
  535.             background-image: linear-gradient(to bottom, rgb(67, 67, 67), rgb(49, 49, 49));\
  536.             color: #E3E3E3\
  537. 			-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  538.     	    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  539.     	    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .2), inset -2px -2px 2px rgba(0, 0, 0, .2);\
  540.         }\
  541.         .bsbir.on {\
  542.             background-color: #00a0f1; background-image: linear-gradient(to bottom, #0af, #0093dd);\
  543.         }\
  544.         .bsbik.on {\
  545.             background-color: #f100a0; background-image: linear-gradient(to bottom, #f0a, #dd0093);\
  546.         }\
  547.         .bsbiv.on {\
  548.             background-color: #a000f1; background-image: linear-gradient(to bottom, #a0f, #9300dd);\
  549.         }\
  550.         .bsbt .on {\
  551.             background-color: #80c100; background-image: linear-gradient(to bottom, #8c0, #73ad00);\
  552.         }\
  553. 		.Apprentice, .bsbsa.on {\
  554.           background: #f100a0;\
  555.           border-color: #f100a0;\
  556.           background-image: linear-gradient(to bottom, #f0a, #dd0093);\
  557.         }\
  558.         .Guru, .bsbsg.on {\
  559.           background: #882d9e;\
  560.           border-color: #882d9e;\
  561. 		  background-image: linear-gradient(to bottom, #aa38c6, #882d9e);\
  562.         }\
  563.         .Master, .bsbsm.on {\
  564.           background: #294ddb;\
  565.           border-color: #294ddb;\
  566. 		  background-image: linear-gradient(to bottom, #5571e2, #294ddb);\
  567.         }\
  568.         .Enlightened, .bsbse.on {\
  569.           background: #0093dd;\
  570.           border-color: #0093dd;\
  571. 		  background-image: linear-gradient(to bottom, #0af, #0093dd);\
  572.         }\
  573.         .Burned, .bsbsb.on {\
  574.           background: #434343;\
  575.           border-color: #434343;\
  576. 		  background-image: linear-gradient(to bottom, #555, #434343);\
  577.         }\
  578. 		.Locked, .bsbsl.on {\
  579. 		  background: #868686;\
  580.           border-color: #313131;\
  581. 		  background-image: linear-gradient(to bottom, #bbb, #a3a3a3);\
  582.         }\
  583. 		.on {\
  584. 		  color: #FFF\
  585. 		}\
  586. 		.SBSelect {\
  587. 		  opacity: 0.5;\
  588. 		  pointer-events: none;\
  589. 		}\
  590.         </style>");
  591.     $("#scroll-box-buttons").append('<div class="bsbi" style="width: 0px; height: 0px; position: absolute; z-index: 11">\
  592. <div class="bsbir' + ((SBRadicalsEnabled) ? ' on' : '') + '" style="position: absolute"><span lang="ja" style="font-size: inherit">部首</span></div>\
  593. <div class="bsbik' + ((SBKanjiEnabled) ? ' on' : '') + '" style="margin-left: 56px; position: absolute"><span lang="ja" style="font-size: inherit;">漢字</span></div>\
  594. <div class="bsbiv' + ((SBVocabularyEnabled) ? ' on' : '') + '" style="margin-left: 112px; position: absolute"><span lang="ja" style="font-size: inherit">単語</span></div>\
  595.                             </div>\
  596. <div class="bsbs" style="width: 0px; height: 0px; position: absolute; z-index: 11">\
  597. <div class="bsbsa' + ((SBApprenticeEnabled) ? ' on' : '') + '" style="margin-left: 168px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Appr" : "見習い") + '</span></div>\
  598. <div class="bsbsg' + ((SBGuruEnabled) ? ' on' : '') + '" style="margin-left: 248px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Guru" : "尊師") + '</span></div>\
  599. <div class="bsbsm' + ((SBMasterEnabled) ? ' on' : '') + '" style="margin-left: 328px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Master" : "達人") + '</span></div>\
  600. <div class="bsbse' + ((SBEnlightenEnabled) ? ' on' : '') + '" style="margin-left: 408px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Enlight" : "啓発") + '</span></div>\
  601. <div class="bsbsb' + ((SBBurnedEnabled) ? ' on' : '') + '" style="margin-left: 488px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Burned" : "焦げ") + '</span></div>\
  602. <div class="bsbsl' + ((SBLockedEnabled) ? ' on' : '') + '" style="margin-left: 568px; position: absolute"><span lang="ja" style="font-size: inherit">' + ((!SBLangJP) ? "Locked" : "ロック") + '</span></div></div>\
  603. <div class="bsbt" style="width: 0px; position: absolute; z-index: 11; margin-left: 648px">\
  604. <div class="bsbtj' + ((SBLangJP) ? ' on' : '') + '" style="position: absolute"><span lang="ja" style="font-size: inherit">日本語</span></div>\
  605. <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>\
  606. <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>\
  607.                             </div>');
  608.     $(".bsbi div, .bsbs div, .bsbt div").css({"background-repeat": "repeat-x", "color": "#fff", "padding": "5px 4px 0px 4px", "width": "72px", "text-align": "center", "vertical-align": "middle", 
  609.                                               "font-size": "20px", "text-shadow": "none", "-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none",
  610.                                               "-moz-user-select": "none", "-ms-user-select": "none", "user-select": "none"}).mouseover(function() {
  611.         $(this).css("text-shadow", "0 0 0.2em #fff");
  612.     }).mouseout(function() {
  613.         $(this).css("text-shadow", "none");
  614.     });
  615.     $(".bsbi div, .bsbs div").css({"height": "24px"});
  616.     $('.bsbi div').css({"width": "48px"}).click(function() {
  617.         var cancel = false;
  618.         if ($(this).hasClass("on")) {
  619.             if ((SBRadicalsEnabled && SBKanjiEnabled) || (SBRadicalsEnabled && SBVocabularyEnabled) || (SBKanjiEnabled && SBVocabularyEnabled)) {
  620.                 if ($(this).attr("class") == "bsbir on") {
  621.                     localStorage.setItem("SBRadicalsEnabled", false);
  622.                     SBRadicalsEnabled = false;
  623.                     //if (curSBItemType == 0) skipItem();
  624.                 } else if ($(this).attr("class") == "bsbik on") {
  625.                     localStorage.setItem("SBKanjiEnabled", false);
  626.                     SBKanjiEnabled = false;
  627.                     //if (curSBItemType == 1) skipItem();
  628.                 } else if ($(this).attr("class") == "bsbiv on") {
  629.                     localStorage.setItem("SBVocabularyEnabled", false);
  630.                     SBVocabularyEnabled = false;
  631.                     //if (curSBItemType == 2) skipItem();
  632.                 }
  633.             } else cancel = true;
  634.         } else {
  635.             if ($(this).attr("class") == "bsbir") {
  636.                 localStorage.removeItem("SBRadicalsEnabled");
  637.                 SBRadicalsEnabled = true;
  638.             } else if ($(this).attr("class") == "bsbik") {
  639.                 localStorage.removeItem("SBKanjiEnabled");
  640.                 SBKanjiEnabled = true;
  641.             } else if ($(this).attr("class") == "bsbiv") {
  642.                 localStorage.removeItem("SBVocabularyEnabled");
  643.                 SBVocabularyEnabled = true;
  644.             }
  645.         }
  646.         if (!cancel) $(this).toggleClass("on");
  647.     });
  648. 	$('.bsbs div').css({"font-size": "20px", "width": "72px"}).click(function() {
  649.         var cancel = false;
  650.         if ($(this).hasClass("on")) {
  651.             if ((SBApprenticeEnabled && SBGuruEnabled) || (SBApprenticeEnabled && SBMasterEnabled) || (SBApprenticeEnabled && SBEnlightenEnabled) ||
  652.                (SBApprenticeEnabled && SBBurnedEnabled) || (SBApprenticeEnabled && SBLockedEnabled) || (SBGuruEnabled && SBMasterEnabled) ||
  653.                (SBGuruEnabled && SBEnlightenEnabled) || (SBGuruEnabled && SBBurnedEnabled) || (SBGuruEnabled && SBLockedEnabled) ||
  654.                (SBMasterEnabled && SBEnlightenEnabled) || (SBMasterEnabled && SBBurnedEnabled) || (SBMasterEnabled && SBLockedEnabled) ||
  655.                (SBEnlightenEnabled && SBBurnedEnabled) || (SBEnlightenEnabled && SBBurnedEnabled) || (SBBurnedEnabled && SBLockedEnabled)) {
  656.                 if ($(this).attr("class") == "bsbsa on") {
  657.                     localStorage.setItem("SBApprenticeEnabled", false);
  658.                     SBApprenticeEnabled = false;
  659.                     $(".Apprentice").css("visibility", "hidden");
  660.                 } else if ($(this).attr("class") == "bsbsg on") {
  661.                     localStorage.setItem("SBGuruEnabled", false);
  662.                     SBGuruEnabled = false;
  663.                     $(".Guru").css("visibility", "hidden");
  664.                 } else if ($(this).attr("class") == "bsbsm on") {
  665.                     localStorage.setItem("SBMasterEnabled", false);
  666.                     SBMasterEnabled = false;
  667.                     $(".Master").css("visibility", "hidden");
  668.                 } else if ($(this).attr("class") == "bsbse on") {
  669.                     localStorage.setItem("SBEnlightenEnabled", false);
  670.                     SBEnlightenEnabled = false;
  671.                     $(".Enlightened").css("visibility", "hidden");
  672.                 } else if ($(this).attr("class") == "bsbsb on") {
  673.                     localStorage.setItem("SBBurnedEnabled", false);
  674.                     SBBurnedEnabled = false;
  675.                     $(".Burned").css("visibility", "hidden");
  676.                 } else if ($(this).attr("class") == "bsbsl on") {
  677.                     localStorage.setItem("SBLockedEnabled", false);
  678.                     SBLockedEnabled = false;
  679.                     $(".Locked").css("visibility", "hidden");
  680.                 }
  681.             } else cancel = true;
  682.         } else {
  683.             if ($(this).attr("class") == "bsbsa") {
  684.                 localStorage.removeItem("SBApprenticeEnabled");
  685.                 SBApprenticeEnabled = true;
  686.                 $(".Apprentice").css("visibility", "inherit");
  687.             } else if ($(this).attr("class") == "bsbsg") {
  688.                 localStorage.removeItem("SBGuruEnabled");
  689.                 SBGuruEnabled = true;
  690.                 $(".Guru").css("visibility", "inherit");
  691.             } else if ($(this).attr("class") == "bsbsm") {
  692.                 localStorage.removeItem("SBMasterEnabled");
  693.                 SBMasterEnabled = true;
  694.                 $(".Master").css("visibility", "inherit");
  695.             } else if ($(this).attr("class") == "bsbse") {
  696.                 localStorage.removeItem("SBEnlightenEnabled");
  697.                 SBEnlightenEnabled = true;
  698.                 $(".Enlightened").css("visibility", "inherit");
  699.             } else if ($(this).attr("class") == "bsbsb") {
  700.                 localStorage.removeItem("SBBurnedEnabled");
  701.                 SBBurnedEnabled = true;
  702.                 $(".Burned").css("visibility", "inherit");
  703.             } else if ($(this).attr("class") == "bsbsl") {
  704.                 localStorage.removeItem("SBLockedEnabled");
  705.                 SBLockedEnabled = true;
  706.                 $(".Locked").css("visibility", "inherit");
  707.             }
  708.         }
  709.         if (!cancel) $(this).toggleClass("on");
  710.     });
  711.     $('.bsbt div').css({"height": "24px"}).click(function() {
  712.         $(this).toggleClass("on");
  713.         if ($(this).children(".bsbt div span").html() == "日本語") {
  714.             if (!SBLangJP) localStorage.setItem("SBLangJP", true);
  715.             else localStorage.removeItem("SBLangJP");
  716.             switchSBLang();
  717.         } else if ($(this).children(".bsbt div span").html() == "Cache" || $(this).children(".bsbt div span").html() == "キャッシュ") {
  718.             if (!SBUseCache) localStorage.setItem("SBUseCache", true);
  719.             else localStorage.removeItem("SBUseCache");
  720.             SBUseCache = !SBUseCache;
  721.         } else {
  722.             if (SBStart) localStorage.setItem("SBStart", false);
  723.             else localStorage.removeItem("SBStart");
  724.             SBStart = !SBStart;
  725.         }
  726.     });
  727.     /*$("#scroll-box-bg").click(function() {
  728.         //StartSBDrag();
  729.     });*/
  730.     //for (var l = 0; l < Object.keys(SBIndex.vocabulary.locked).length; l++) alert(SBIndex.vocabulary.locked[l]);
  731.     newSBItemTimer = setInterval(newSBItem, 1500);
  732. }
  733.  
  734. function SBSelect(target, type) {
  735.     $(".SBSelect").remove();
  736.     if (target !== null) {
  737.         $('<div class="SBSelect"></div>').insertBefore($(target));
  738.         $(".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")),
  739.                                                                    "border": "2px inset " + ((type == 0) ? "#0093dd" : ((type == 1) ? "#dd0093" : "#9300dd"))});
  740.     }
  741. }
  742.  
  743. function rand(low, high) {
  744.     return Math.floor(Math.random()*(high+1)) + low;
  745. }
  746.  
  747. function filterSBRadicalData(data) {
  748.     var dataArr = {};
  749.     
  750.     for (var d = 1; d < data.length; d++) {
  751.         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(", "),
  752.                                                 "image": data[d].substring(data[d].indexOf('"image":"') + 10, data[d].indexOf('","level"')).split(", "),
  753.                                                 "srs": ((data[d].indexOf('"srs":') > -1) ? data[d].substring(data[d].indexOf('"srs":"') + 7, data[d].indexOf('","unl')) : null)
  754.                                                };
  755.         if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  756.             SBIndex.radicals[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.radicals[dataArr[Object.keys(dataArr).length - 1].srs]] = d - 1;
  757.             SBIndexCount.radicals[dataArr[Object.keys(dataArr).length - 1].srs]++;
  758.         } else {
  759.             SBIndex.radicals.locked[SBIndexCount.radicals.locked] = d - 1;
  760.             SBIndexCount.radicals.locked++;
  761.         }
  762.     }
  763.     
  764.     //alert(SBIndexCount.radicals);
  765.         
  766.     return dataArr;
  767. }
  768.  
  769. function filterSBKanjiData(data) {
  770.     var dataArr = {};
  771.     
  772.     for (var d = 1; d < data.length; d++) {
  773.         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(", "),
  774.                                                 "onyomi": data[d].substring(data[d].indexOf('"onyomi":"') + 10, data[d].indexOf('","kunyomi"')).split(", "), "kunyomi": data[d].substring(data[d].indexOf('"kunyomi":"') + 11,
  775.                                                                                                                                                                                           data[d].indexOf('","important')).split(", "), "important_reading": data[d].substring(data[d].indexOf('"important_reading":"') + 21, data[d].indexOf('","level"')),
  776.                                                 "srs": ((data[d].indexOf('"srs":') > -1) ? data[d].substring(data[d].indexOf('"srs":"') + 7, data[d].indexOf('","unl')) : null)
  777.                                                };
  778.         if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  779.             SBIndex.kanji[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.kanji[dataArr[Object.keys(dataArr).length - 1].srs]] = d - 1;
  780.             SBIndexCount.kanji[dataArr[Object.keys(dataArr).length - 1].srs]++;
  781.         } else {
  782.             SBIndex.kanji.locked[SBIndexCount.kanji.locked] = d - 1;
  783.             SBIndexCount.kanji.locked++;
  784.         }
  785.     }
  786.         
  787.     return dataArr;
  788. }
  789.  
  790. function filterSBVocabData(data) {
  791.     var dataArr = {};
  792.     
  793.     for (var p = 0; p < Object.keys(data).length; p++) {
  794.         for (var d = 1; d < Object.keys(data[p]).length; d++) {
  795.             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(", "),
  796.                                                     "meaning": (data[p][d].substring(data[p][d].indexOf('"meaning":"') + 11, data[p][d].indexOf('","level"'))).split(", "),
  797.                                                     "srs": ((data[p][d].indexOf('"srs":') > -1) ? data[p][d].substring(data[p][d].indexOf('"srs":"') + 7, data[p][d].indexOf('","unl')) : null)
  798.                                                    };
  799.             if (dataArr[Object.keys(dataArr).length - 1].srs !== null) {
  800.                 SBIndex.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs][SBIndexCount.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs]] = Object.keys(dataArr).length - 1;
  801.                 SBIndexCount.vocabulary[dataArr[Object.keys(dataArr).length - 1].srs]++;
  802.             } else {
  803.                 SBIndex.vocabulary.locked[SBIndexCount.vocabulary.locked] = Object.keys(dataArr).length - 1;
  804.                 SBIndexCount.vocabulary.locked++;
  805.             }
  806.         }
  807.     }
  808.     
  809.     return dataArr;
  810. }
  811.  
  812. cancelExecution = false;
  813.  
  814. if (localStorage.getItem("apiKey") !== null && localStorage.getItem("apiKey").length == 32) apiKey = localStorage.getItem("apiKey");
  815. else if (apiKey.length == 32) localStorage.setItem("apiKey", apiKey);
  816. else {
  817.     cancelExecution = true;
  818.     alert("Please enter your API key near the top of the WanaKani Scroll Box userscript.");
  819. }
  820.  
  821. newSBItemTimer = 0;
  822.  
  823. if (!cancelExecution) {
  824.     
  825.     SBLangJP = (localStorage.getItem("SBLangJP") == null) ? false : true;
  826.     SBUseCache = (localStorage.getItem("SBUseCache") == null) ? false : true;
  827.     SBStart = (localStorage.getItem("SBStart") == null) ? true : false;
  828.     if (localStorage.getItem("SBHeight") == null) localStorage.setItem("SBHeight", 2);
  829.     SBHeight = localStorage.getItem("SBHeight");
  830.     SBICount = 0;
  831. 	SBScrollLeft = 0;
  832.     SBPause = false;
  833.     SBRadicalsEnabled = (localStorage.getItem("SBRadicalsEnabled") !== null) ? false : true;
  834.     SBKanjiEnabled = (localStorage.getItem("SBKanjiEnabled") !== null) ? false : true;
  835.     SBVocabularyEnabled = (localStorage.getItem("SBVocabularyEnabled") !== null) ? false : true;
  836.     SBApprenticeEnabled = (localStorage.getItem("SBApprenticeEnabled") !== null) ? false : true;
  837.     SBGuruEnabled = (localStorage.getItem("SBGuruEnabled") !== null) ? false : true;
  838.     SBMasterEnabled = (localStorage.getItem("SBMasterEnabled") !== null) ? false : true;
  839.     SBEnlightenEnabled = (localStorage.getItem("SBEnlightenEnabled") !== null) ? false : true;
  840.     SBBurnedEnabled = (localStorage.getItem("SBBurnedEnabled") !== null) ? false : true;
  841.     SBLockedEnabled = (localStorage.getItem("SBLockedEnabled") !== null) ? false : true;
  842.     SBRadicalData = {};
  843.     SBKanjiData = {};
  844.     SBVocabData = {};
  845.     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";
  846.     SBIndex = (localStorage.getItem("SBIndex") !== null) ? JSON.parse(localStorage.getItem("SBIndex")) : {
  847.         	"radicals": {
  848.         		"apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  849.             }, "kanji": {
  850.                 "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  851.             }, "vocabulary": {
  852.                 "apprentice": [], "guru": [], "master": [], "enlighten": [], "burned": [], "locked": []
  853.             }
  854.     };
  855.     SBIndexCount =  (localStorage.getItem("SBIndexCount") !== null) ? JSON.parse(localStorage.getItem("SBIndexCount")) : {
  856.         	"radicals": {
  857.         		"apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  858.             }, "kanji": {
  859.                 "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  860.             }, "vocabulary": {
  861.                 "apprentice": 0, "guru": 0, "master": 0, "enlighten": 0, "burned": 0, "locked": 0
  862.             }
  863.     };
  864.     $(getSBSection()).insertBefore($(".review-status ul"));
  865.     if (!SBLangJP) $("#loadingSB").html('<a lang="ja" href="javascript:void(0)" style="font-size: 52px; color: #434343; text-decoration: none">Start</a>');
  866.     else $("#loadingSB").html('<a lang="ja" href="javascript:void(0)" style="font-size: 52px; color: #434343; text-decoration: none">開始</a>');
  867.     $("#loadingSB a").click( function() {
  868.         
  869.         if (!SBUseCache) clearSBItemData(); 
  870.         getSBWKData();
  871.         
  872.     });
  873.     
  874.     if (!SBStart) $("#loadingSB a").click();
  875.     
  876. }
  877. // ==/UserScript==