☰

Wanikani Scrollbox

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

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

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