HIT Scraper WITH EXPORT

Snag HITs. mturk.

// ==UserScript==
// @name        HIT Scraper WITH EXPORT
// @author      feihtality
// @description Snag HITs. mturk.
// @namespace   https://greasyfork.org/en/users/12709
// @include     /^https://w(ww|orker).mturk.com/.*hit[-_]?scraper$/
// @version     4.1.4
// @grant       none
// ==/UserScript==

(function() {
  'use strict';

  const ENV = Object.freeze({
                              LEGACY : 'www.mturk.com',
                              NEXT   : 'worker.mturk.com',
                              HOST   : window.location.hostname,
                              ORIGIN : window.location.origin,
                              ISFF   : Boolean(window.sidebar),
                              VERSION: '4.1.4'
                            });
  const URL_SELF = 'https://greasyfork.org/en/scripts/10615-hit-scraper-with-export#ugTop';
  const DOC_TITLE = 'HIT Scraper';
  const TO_BASE = 'https://turkopticon.ucsd.edu/';
  const TO_REPORTS = TO_BASE + 'reports?id=';
  const TO_API = TO_BASE + 'api/multi-attrs.php?ids=';

  const ico         = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wsTDwctGwJAtQAAAYRJREFUOMudkz1rWmEUx3/6gFeC1A5p6RJByGTGTpEM3iHfwMmxfggH1yyB69BFyFAy5FIQ6wdw9CVxUOhQXFykYFcTLvEaiuafQU0wXoPkwIHnOS8/znPOeWAh18AU0I7qA61lLjfbAl3X1Ww2k+u620AtgP9BTsdx1O/3lUqlNBgM5DhOEGAaWh7eLeEgYywWo1QqMRwO8X2fdrtNsVjcCtkorVKpSJKy2awsy1Imk1Gv19vWh02j53mSpHQ6vctENo2dTkcrGY/HqlarSiaTuwMSiYRqtZomk8kzqNvt7g5YqTFGtm1LkjzPC4wJnEKz2cS2bSKRCMYYAOr1+htTCFtr1EKhoEajId/3NRqNVC6XFY/HF/69LyKfE9bivlikfA72D+H8DHh8e3PyOfAMfJjDj58YoMjvP4bQPVz9g4MU7Ifh7y2EDJgoHB/BqQ3fLuDzAdz14fIXaP6w+okvT8jnRFub+r0mTr6+bmJzVVgLmKw5w1ER/SQiH4O6fw80AJ4AC20qRDxx28IAAAAASUVORK5CYII=',
      audio0      = 'T2dnUwACAAAAAAAAAAB8mpoRAAAAAFLKt9gBHgF2b3JiaXMAAAAAARErAAAAAAAAkGUAAAAAAACZAU9nZ1MAAAAAAAAAAAAAfJqaEQEAAACHYsq6Cy3///////////+1A3ZvcmJpcx0AAABYaXBoLk9yZyBsaWJWb3JiaXMgSSAyMDA1MDMwNAAAAAABBXZvcmJpcxJCQ1YBAAABAAxSFCElGVNKYwiVUlIpBR1jUFtHHWPUOUYhZBBTiEkZpXtPKpVYSsgRUlgpRR1TTFNJlVKWKUUdYxRTSCFT1jFloXMUS4ZJCSVsTa50FkvomWOWMUYdY85aSp1j1jFFHWNSUkmhcxg6ZiVkFDpGxehifDA6laJCKL7H3lLpLYWKW4q91xpT6y2EGEtpwQhhc+211dxKasUYY4wxxsXiUyiC0JBVAAABAABABAFCQ1YBAAoAAMJQDEVRgNCQVQBABgCAABRFcRTHcRxHkiTLAkJDVgEAQAAAAgAAKI7hKJIjSZJkWZZlWZameZaouaov+64u667t6roOhIasBADIAAAYhiGH3knMkFOQSSYpVcw5CKH1DjnlFGTSUsaYYoxRzpBTDDEFMYbQKYUQ1E45pQwiCENInWTOIEs96OBi5zgQGrIiAIgCAACMQYwhxpBzDEoGIXKOScggRM45KZ2UTEoorbSWSQktldYi55yUTkompbQWUsuklNZCKwUAAAQ4AAAEWAiFhqwIAKIAABCDkFJIKcSUYk4xh5RSjinHkFLMOcWYcowx6CBUzDHIHIRIKcUYc0455iBkDCrmHIQMMgEAAAEOAAABFkKhISsCgDgBAIMkaZqlaaJoaZooeqaoqqIoqqrleabpmaaqeqKpqqaquq6pqq5seZ5peqaoqp4pqqqpqq5rqqrriqpqy6ar2rbpqrbsyrJuu7Ks256qyrapurJuqq5tu7Js664s27rkearqmabreqbpuqrr2rLqurLtmabriqor26bryrLryratyrKua6bpuqKr2q6purLtyq5tu7Ks+6br6rbqyrquyrLu27au+7KtC7vourauyq6uq7Ks67It67Zs20LJ81TVM03X9UzTdVXXtW3VdW1bM03XNV1XlkXVdWXVlXVddWVb90zTdU1XlWXTVWVZlWXddmVXl0XXtW1Vln1ddWVfl23d92VZ133TdXVblWXbV2VZ92Vd94VZt33dU1VbN11X103X1X1b131htm3fF11X11XZ1oVVlnXf1n1lmHWdMLqurqu27OuqLOu+ruvGMOu6MKy6bfyurQvDq+vGseu+rty+j2rbvvDqtjG8um4cu7Abv+37xrGpqm2brqvrpivrumzrvm/runGMrqvrqiz7uurKvm/ruvDrvi8Mo+vquirLurDasq/Lui4Mu64bw2rbwu7aunDMsi4Mt+8rx68LQ9W2heHVdaOr28ZvC8PSN3a+AACAAQcAgAATykChISsCgDgBAAYhCBVjECrGIIQQUgohpFQxBiFjDkrGHJQQSkkhlNIqxiBkjknIHJMQSmiplNBKKKWlUEpLoZTWUmotptRaDKG0FEpprZTSWmopttRSbBVjEDLnpGSOSSiltFZKaSlzTErGoKQOQiqlpNJKSa1lzknJoKPSOUippNJSSam1UEproZTWSkqxpdJKba3FGkppLaTSWkmptdRSba21WiPGIGSMQcmck1JKSamU0lrmnJQOOiqZg5JKKamVklKsmJPSQSglg4xKSaW1kkoroZTWSkqxhVJaa63VmFJLNZSSWkmpxVBKa621GlMrNYVQUgultBZKaa21VmtqLbZQQmuhpBZLKjG1FmNtrcUYSmmtpBJbKanFFluNrbVYU0s1lpJibK3V2EotOdZaa0ot1tJSjK21mFtMucVYaw0ltBZKaa2U0lpKrcXWWq2hlNZKKrGVklpsrdXYWow1lNJiKSm1kEpsrbVYW2w1ppZibLHVWFKLMcZYc0u11ZRai621WEsrNcYYa2415VIAAMCAAwBAgAlloNCQlQBAFAAAYAxjjEFoFHLMOSmNUs45JyVzDkIIKWXOQQghpc45CKW01DkHoZSUQikppRRbKCWl1losAACgwAEAIMAGTYnFAQoNWQkARAEAIMYoxRiExiClGIPQGKMUYxAqpRhzDkKlFGPOQcgYc85BKRljzkEnJYQQQimlhBBCKKWUAgAAChwAAAJs0JRYHKDQkBUBQBQAAGAMYgwxhiB0UjopEYRMSielkRJaCylllkqKJcbMWomtxNhICa2F1jJrJcbSYkatxFhiKgAA7MABAOzAQig0ZCUAkAcAQBijFGPOOWcQYsw5CCE0CDHmHIQQKsaccw5CCBVjzjkHIYTOOecghBBC55xzEEIIoYMQQgillNJBCCGEUkrpIIQQQimldBBCCKGUUgoAACpwAAAIsFFkc4KRoEJDVgIAeQAAgDFKOSclpUYpxiCkFFujFGMQUmqtYgxCSq3FWDEGIaXWYuwgpNRajLV2EFJqLcZaQ0qtxVhrziGl1mKsNdfUWoy15tx7ai3GWnPOuQAA3AUHALADG0U2JxgJKjRkJQCQBwBAIKQUY4w5h5RijDHnnENKMcaYc84pxhhzzjnnFGOMOeecc4wx55xzzjnGmHPOOeecc84556CDkDnnnHPQQeicc845CCF0zjnnHIQQCgAAKnAAAAiwUWRzgpGgQkNWAgDhAACAMZRSSimllFJKqKOUUkoppZRSAiGllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimVUkoppZRSSimllFJKKaUAIN8KBwD/BxtnWEk6KxwNLjRkJQAQDgAAGMMYhIw5JyWlhjEIpXROSkklNYxBKKVzElJKKYPQWmqlpNJSShmElGILIZWUWgqltFZrKam1lFIoKcUaS0qppdYy5ySkklpLrbaYOQelpNZaaq3FEEJKsbXWUmuxdVJSSa211lptLaSUWmstxtZibCWlllprqcXWWkyptRZbSy3G1mJLrcXYYosxxhoLAOBucACASLBxhpWks8LR4EJDVgIAIQEABDJKOeecgxBCCCFSijHnoIMQQgghREox5pyDEEIIIYSMMecghBBCCKGUkDHmHIQQQgghhFI65yCEUEoJpZRSSucchBBCCKWUUkoJIYQQQiillFJKKSGEEEoppZRSSiklhBBCKKWUUkoppYQQQiillFJKKaWUEEIopZRSSimllBJCCKGUUkoppZRSQgillFJKKaWUUkooIYRSSimllFJKCSWUUkoppZRSSikhlFJKKaWUUkoppQAAgAMHAIAAI+gko8oibDThwgMQAAAAAgACTACBAYKCUQgChBEIAAAAAAAIAPgAAEgKgIiIaOYMDhASFBYYGhweICIkAAAAAAAAAAAAAAAABE9nZ1MABAgkAAAAAAAAfJqaEQIAAAB89IOyJjhEQUNNRE5TRENHS0xTRllHSEpISUdORk1GSEdISUNHP0ZHS1IhquPYHv5OAgC/7wFATp2pUBdX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',
      /*'*/
      audio1      = 'SUQzBAAAAAABFVRYWFgAAAASAAADbWFqb3JfYnJhbmQAbXA0MgBUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAHAAAA2NvbXBhdGlibGVfYnJhbmRzAGlzb21tcDQyAFRERU4AAAAVAAADMjAxNC0wMi0xNiAxMzo0NDoxNgBUU1NFAAAADwAAA0xhdmY1My4zMi4xMDAA//uQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAAcAAAAlAAA+CQANDRQUFBoaGiEhKCgoLy8vNTU8PDxDQ0NKSkpQUFdXV15eXmVla2trcnJyeXl/f3+GhoaNjY2UlJqamqGhoaior6+vtbW1vLzDw8PKysrQ0NDX197e3uXl5evr8vLy+fn5//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQZAAP8AAAaQAAAAgAAA0gAAABAAABpAAAACAAADSAAAAETEFNRTMuOTkuM1VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVTEFNRTMuOTkuM1VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//uSZECP8AAAaQAAAAgAAA0gAAABAAABpAAAACAAADSAAAAEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYAGA2AAYsgQwh0DsmF2g2kgijWJF27brJ0vJilIk6SBUnSJ0mF98I7KLdQiTpMKMJk5R05ybh4XOSC0CZOowu2UcgjOcI1FtH5IC7ajCZhd6DJ7DPWTmkwj0ufIHI3oIzycs2C7cG1HI9UcK5I2kFz9QyGTmo5HqB6CKOmLns/qkf/7kmRAj/AAAGkAAAAIAAANIAAAAQAAAaQAAAAgAAA0gAAABJzKHgwmj0gVNwppif/rG+u8gVRyQMCPtbrK2Uqgtwqg1aky6xBr+g1mTJjmtJl1Bo05JkyYNGjRoyZMmTBo0aNGe6h6MzMTT0GUu38yZMmTBo0aNGTJkyYNGjSDJKH6xwIsVcQAIAiFtEAD+txLTkCjwprLYmCKLmMYch24IhEoiD+Pxneqcicvl7oMQjruM4lrkBcZnGYRjlhOAQgxxA03udiKR+LwGxwGhV/D+ClbZ5h/HnlERd9bbUPspFcyoe54UioH2S9QJEessavfwoDaciMbDQThCGV2yKUTNdVVjedbMdCvV76CnznUaHv4kM54zx5HLYqH9o7Wc6rNNzY1BEPwuCoV+p9Na0wvmR5EUD+icrqzyHePH1DjrhYzCZIUsOivniSxjTOtXudX86kVra/UiGNaHwsJyM/eZlUeG+TGmCDcYHoCABjEckEQufyIrRo6QCkn8uexCTAvdTAoKU6Iki4wPKcUM/RRd0l7m0MGgsJBuL6QGJo2F0b/+5Jk/40EvGw3CGlLckXgFAwEIwAdaab0TGHtyn22HFSUJbmNGUJIZD3NJBFG2mK26IBQgTFZi24Z/7QRR0gjUSMSHQ23DPDIe0ckCZPpGKxW0FAwqK3o53sEEPPNQMf/JoIfz2vNBFHPVGLRki4XDZYDCEVzVFbekBImjmmK26QIHI2yM2QBjEaNHOcEtttqTba1kQAkIji51RQ8vcAEgb5a9lgJIXZoWyK8W2g/DkGO4+k5all1/GhwBDsENpuAIjAckaQCBC+qcZjIA2c/STVfhs+rkKQ4olBBzZjICRgQWKqqzInoCBVqA41UNjiYCdDO5a+9AyNd650R10LMgsuogMVsLWGygtUW4AVr+hDCF0TDXLMOPW57EIrto8NIIysTGFtoLpju2/8WisOuErhnaVCbqWSVip28jMjoIhDF6elGVJunlcP34xTwK/bcITDduph/773///////5+G9frV0OeqQfnFkHKIrRdgGgNWEkFlAGzaOQow5znMsqIs285kzOf8zm52Yhg3Qiww4shcDsP04TgTEceD0DhMHAS//uSZIqA9udURmsZwvCOLEfwPYtuWUUbHAznC4j1FmMBhqkwDxZSdvtNi+rPzc68vffNgkDtAHALH8sQ4a+Ztr4qmTcvfGxtq2nPDKt074qzfefqJddN+Pl7/qX3XNvmPVPxFJnKp+990+Xwo8rdVTdHzf9azQj4QpUQCgxgGPi1RnssbMEYUZHWBcdKtJgqDJITaQiFKNbF0h0F4ACoMPMvXABh4jCy+6fSjrU6aGXiMcUDHjIAsInqduIXqM5EW6Aa00zKNRc55TKEnlETi0tSXHEAGyl2E0FH1UF4uK99FnBDBGuR1w2rJDr4RsZKzptHABKU/XkUzct59MZDhoOJGLhpwCNpzR2ptcd9QdLhn7wLJEjo8TtWSsYU7bgsAiqpUFwo2Pe7kbtS/crZwy9ocm3nuYiD6RSSvo48MMofgBrSK5S2IViPBXRskOLUyqi4CxDjOiaFn///jQKfxeFhgBgDAFjiIE8KQoFGDX////4uEKK5R7v//////+l9IqotIpRSoFJJSrkzVKAfBJCn0S46laOJRN2XM2WLvuyugf/7kmQQAASfSU9p+GL0MuM5SmCiOBCFJSmsPSvAyQwlPPOI4P65NtlS6XK3jjgIKKRIpxtxafh2QNvXz+OyaM0Utm4cjVyOxntjGgUg3ZNSBCngLjt1+1fuVrHp0ExXMWT1C+MjRqC6tdcHFMsJKy1Zo0sPzEtiVaKrlLpVNooVvwU+dnJ+Zoy+wvMVz/HrtFscv3O/1r/W38BFAAAEndSgARguGaSWsgFKLOIt8gj/06ihRJGUWScTBs6DX/+UD3/////+y/kMpqh0AAYgAAAAAQR8gI/IiKjTKIW0xhrL3WgY/jGU0dqTz2zEooaod2ix06ukOUTIWcZ43meoSaJI5npuo8pCGliVNVe98VmJgAhAmRrwRCGHprq4hcYHyImRComssueNJzOsJoyVN33ZXKn9E11osSilW+/HqwyeZnyOIrvyZjHPTV21f+ocAkJEqiEYC98N5q3EaLleuqHFxqAwA9fnt9vrgwoQg5klUUG+3/35X+v/////u60v68xVAAAEAAAAdBwNORROIFOE+lYy9zlBlFitydB9Emcnxzf/+5JkEAoEUUPIYw964DNjORwkpTgROUcWrODL0MQMpLShFOBihn8t6fQIT2qagxGJjQ05kw1qnBc0zIqlyhQ/wZYLtVQbIlxivW6MzPWHUKBG3Bi+a0bfj6xJWS76NmWkfM1MVg6+cwae+YL2mYtvamZ5q0/z/6QZvF8+VziNaOsYIgwG/2Z4KsEJhNHGAGBEN7C2erwCypOSWlSCICiX1GL9P6iBQ8IiLCRRokGB4OfV8t/V//U//u/373yPucq+hAkjDQiCFR9FDIACoaIzFvQ0dK9e65kqmLPM8DrzszHX5oquNDO/yfnrHeR93Vbr0UfuidVlcfeBAaDQBVBE9IO/vt/Wl+bqdSAS5Mhq6BR5pprOazl06i9KlT5pqP3MarLVzIPOz1ZGu9tENqWUYy63cOdCqVu/9s////9On2TeDg8etN1LB4mkiGBlNtACSBGlQnjOtdNWDNbTq3+uhisrFYIhEM+zdu+j//W//b/gAoYaMCzAAmzY6hUEgJWMgJJ0TOMZsAES9XasZTNAaFnOirWz9T0dZ/FbLwMBhyEU//uSZBKABA9Qx2MYQvI4YlktNEI4EY0rF4zhC8DhGCOgsRUwFSjod2eWZ38vxwpdRd7WlXHzzU6YOFnDEUzFBrX/vmiFIKA+cYJ6Rr+07RJL5EObOiYc5UJmJR2+rSV+5lr9u++47jqL6muUqZ4+OF7++fpSbC5KfM6/3Clz/1hMGBA5sqRii29YKg0PKt7GOFa/etW+HHtYMq/T0M7XA7lxn93nWdAyKkqUibSOhXcKJcK2tVdvU6VAAFDRKAASg2cRAoYDlEO6CVjwIhkZkRoqBixcqzL5bGXZkjdI9T0dWcpo3PdqR7eN+5n8wravu8xBQlrrBxpqHAa8h0o5b/42EUQhySD4nJNSRHX4mupFk5l0WKkdjj+VqWa3m5i+fGRZcVF/zA9ZSKqLodye/etY6pK2JTB1ITMm1VnFNDhIzW0S31Qk0AIfJQAuJCwvrl9Aaav/RvMZ8xAEGGAjbpf/b+0uvee70/utxXTM39f9aVta7+J5c7KPff1I1gEAzXkQDEjEfoDWX4R5WjRJOcqHAxgpAFDUk0DoWqboen7x+//7kmQSAAMXJ0lp7HpQO2PZnQjiSpJBiSOsPM3A4BUl9GCJMDk9XG769P9sDG4uMHB7o0DKLiKSjPunpr6p/Pv196RYMkDF67g9uOEZqoWbHQFtHP8styspS40l3JHLHU21VtNguMNANtxujgQk1tGqYJYQCQqP+cbf0fsbTcy/8O+w9nXklB7qInw8zHXWpzpFR3fb/v5S/pWlx+tKQmw05WQC2XbEiJLuBcLYA4rSxQirxIrAUomjN7oXlkMOd6h6iN04C/LuM70yHRJnGNRHCApzuLqXM7E4GYcoL86TJ8bdfHieHPJTddUoju86aPmOzOhie+tzmIE4IvKbJv3d04x71oKxs173tusyKbeNsmbbX3c5Q4kYj/+1tuPn/357/+/cZ9/7N27lF/LxDXQiZCUgoAsotvdxB96+8eZkmI/5lLgTRDJysdhn+8h1MSp0l9X/xlfDA4WSj/0N/fbk/ur7cUyc0moAAJABQ2XA6ZXI0UPCO4ooamgsQCk3Snm6z4AiOYR94muBuyvETgMCX6b2bysSwdBMUGfmaN/K2LT/+5JkHIhFY0rHyzl68C9luUEYRUwSJSUqDGcLyMQkafRRFX65LBTfLCxlu6QRxsp1LPXS22pl+YGlbO2JFXsa09iM/3YmZx339Xjq6tqPHqcM8Y6Fp9XofGG4XY+WZrnlZ0SWPXz8YBMIbnTBEeHIyKiHH9W0C+U8RjvaEVZjKjV6YuXxxV8b5h9P0mTiM0ctvbUqqxpxKbPrCVTy7z///6GAUmlpOokNA4t/sQjSdqen1eiMQmIBNk4GMF3tX0BVlpOp/GhGOpew+9tLDzKzf205F+UU0FjEg2C/FWrfp5gUoUIm9426d6S0ln6atSykhDhulp6SzH2QGWdPP082FuhHDLkjsdk2OEUk2+c3uSw9e/f6qsLl+fPxyfFTCxKK/JVKB0MSu3u8rZU2G9ff9uSzYHu3LN+abacqVLmHGekR5Ny3llK20prF7O9lKFwZa3n+U1ZySx6itlNEuDLKJAVy8n//9lmGYm3TX//ZOJM/5ke+3l/6n/5X6t9a//VP3AYk/r9nX9cpAwAg0hAAS22fMheJ4JLoyEc2AU72O/KU//uSZAyAND1KTmsYWvQyI3kcGEc4EYklOUxlq9DJl2MU9rUwngcuNWpdyJvIoGqDL7+P0iDqQy1RqaiCRrI1UVY5FftblT0FpYVKbGNS83ZNeQpFCWWADDBkHKfJMWv/WBPX9+mB0a1mww6CoTfFfbTl81nggeffyIo6z/L1CsVD4t/kEHt/+kIbp/9M+09/+qxYDAFwAAEDAXFiEjqBACol+b/9Q2PFYkikoE5ELDHEwLXAGJG8LluWEV3/xBlf//18sHbgkgQCAAmpVKX+UEhiSywSUpB4GYS/4ASrDSm3vWIDl9glTTYx//+siEnB3Gza+SvVV/mWNssBQNGOf3l8qARcmKNzYxJgyUFouubkp6nFgSjKzAcQD2W0zyBiA1Qnbt1nzF9ZgLgO9BJ8zLBM3rSRNBASO2ovEQJHrnFiMlN/NTwl//fqqQtVGUQ5SwIOoCLoqJrAdBtTuPBX//lAAWRwkiaGclguI5AUJJpYsBPymSwGUUOJ4Qf/////rL4l6rYHGEAwCABg2ARENkaSzOPLzEGqX7OWbw/DzSi+p//7kmQPAAR9Rk1rOpLgMiXYsGDtTBAFFT+sPauQu4zktPU04AA0Vzuz0smCqdHmFrL+e6KCNWGmr7vVYggNtW6tv64fsMuUzSYrLoFREbF1JmROjbc6hycHD6R4TeJ9dq0BuAQAd6y+VFpBqYKMcN+iN0cTl/OEWAjRPF0sJ0SJhaUkpE8iZCQD36Q+hEEVNlIcscUzVSQ250qgu95VYuCYJC9v/+gXDDmsBACo4YBzg5oa9hmAmI8i6DfB3n6i8j/////+SIKp2BIBAIhAAb0zP4gj03rR7QUI27rzMN6lHsCjavdwu7B6hYuH/+DJFHHw4er8FfD+YbBELhDMim2YA6RyFajWxWPAzPGvdbv1BbSXfyodpuktqgaRgzBPXOEqh5MCVHVaz+OEZZf9Yw2tsqHCpuorXcXb7v1jReoH0KczqYFhjxoaAA+wAGAuoxtQIJUZgFABCSJ9Hpt+l6RkXaLJdQnggoK+SRx9///yP6//3f//orKA0GCSCABOfoBYuhvFzFxbBOhaIBoKd9DTwD6QGnyIipN6G4yf/txvEnf/+5JkFYADoUHR6e9q5C6jKUo8TTgO4R9D7GILiNSM5LTWwOA//4MEl6XrBY9lQFKA0y1tIyElBZpN2RQ/Qb0iSLiHSJIc5cNOiOEewwDc4kZku+kMYkBxku+lSSPazE1UttRsBXxdIIFyH//0sABAAP7/x8Tq2vkF3AmfIIP85MGENPpppv/ruVAbwZhgyzu9+tv8Z+39tX9nv6mlgBQBQWAAADi65cMq6cVn1gQlKE6YBN46ekQtb38Ie3ZiahU7/6u8douY1fDmu7j6w0W/cszSAXwCQl+dWOsTlbqMD31mR/zpZKxq/LRUGNKraygREZc95TIeUk9EwGXGXKHWUCIEDNUOzKR6lIFk0bnFGZq2NpAAAAAAwA1tVTx/DfFuZtlQ/BOG86QIQ8lvlEc9Ropa/rRcdQygBoI+LXvR/////1/6f//XiJBaYGFkAAAKKGOQW4sykZsgGnOymAFmxnEkYFimnTDFskQPia3r5inKMyTP+uvwYvy95cAKo/konWiZBei4Z+p/1s/rLHq1FQnZLOt6xiDLKTegTzFBVZOC//uSZC0AQ19HUfsPauI3Iyk9Ng04DukfR+xhq4jZjGT1F6DgoJGiHKjEuHG6aKPzjfpGSDARkAAAAAxwOPqrVnQLwvMvSIAAujuaqWTARks+YDSMUoR+P/mCSgWYOwc5Z/d//4p/3//3+U+36ohgCWASbAEABCrKHheqxBXUpyJcRSqqw9H1HBUSeGPZR3PigaiFuWYZ1JcX3V5I9d5/sAs6x/peDlAAhA+FtaLHQkIv+t1v6JiSh/0kjVnqNnGFGglDes1Nh+Hmb+s0Dnn2pGQwwwRYUNSSKzBv1NqdRmb9FUup8EABBxlhlIpMpIsAnAKDZ9/KmFxEpX6rlVX/2OleWlhQymJNGgCgtNO6d9n9n/0f/+r////oUlnGCJAxmAAAAD7EVLokJX5lZbQne+6z+Nwh5g7Giam+sItdqkI0sM4F1SwVKSUrHaPH//SqWerOO840I7kXYf5vWXBHCKbrlRv+VH2+LI3bWs+O0LA2cwaYiqMs/1GQaRfNeuIYXn6llaD/R/WYp/c6l2AkYEAgkHyZ8d0pailA8lh1Horgqf/7kmRDgAONSNF7GGrwMaKpWj4lOI31I0fsYavAu4WodBKskggCfTLzf92A4cZ+YV+lTP//cytfBB3//od/U7qmcUIYCBqgAAIJQw+CF2pnNYhtBGV5jsFVH3mG6tGJu4fAVv/XivS9bzqSiKDAQgFnL9/6hyP8qkOFWpiSVB6IFn+Zc4NQU7/Mh5v7HEvycOcs7MYgyUza6x9GMPT1lYWogdcnEif7Tpp9X/SNNes/WwCD1AOOh/5I4JAy/4OEyw/gKJsnN5PW7X/16//P+Kf//Vpu6a2r5Lobq2Mc1aKWkSghQABlpe6tS0W3ZHNoMFO6Fjdxfq5E1yQBJHLkFSffxBIG9/Mr8afQMRw/nNWPRCit3LdC+4ECPZuTUfN/mTIsg39BRh+mOav3LhAD2oyJw8CEL9GsmSJjHjtaxueIuH7jBqdIsEwTA967sh+yvfMF7KXNnDgBAoYA1AAHuUE4cyozu/OAQCLiIA4POqN/UxBOU+Yb//9HvTbt///5AD/oKa2oZhpsAgAwQT9TF2kna6FkEtQWhLQWoyCicYzWeiP/+5JkYYATtklRYxmC9C2Guc0s4lyN2Q9Pp75rkMSYY8hntTLhHyCvInGbaspRRsz/Xv15Gsrq/0WQ2cAMxBj+tQxgskiqumZmrfopP6kW6zMnidJ1VJIuFk1RXmBcKKJqeqJsnyYKyataLr9fU9OdOOqOFQg/4pAjZLbjx+3qQDdgsB1s0b4MECFH1/oO+wBUkXW+qDiB3v6////////CuKZp5YlVkgMQQMAQAF8aXQudFJf7EY8ItKDN2HEuzKGAJbip7WEvl7vvvNpWUv//MHrfNd0vi0jjPsak+/j8dlQucBtgKGICpakibD4yXLBa4rUQCOKp9a7cdaP1kELRrVWwXmPTpPOlJRFqDnVhbUSmfJpLjpIx/q+tIrpfWWmKT//o/99lFABACAAkAEgkqAomb80hUlgJhA5CUIVTKFRJbwsA8Vin6DZ9tyTPJNZ/+VDX//+qQsQHq/WZRIAAeGbjTDHEWIpQmCJ6EkAYZftuyDjYU0yxhDg6q5HkgOXsMS1ty5nDzNYliT6/HAxi9HrSiTyZXZzb9C4AK3iAD3ed//uSZH4BBAtG0WsYmuQ2QqlNFec4kT0dPyxii4DMCSR0nDTgGPBswNMoDwyzgyojSecspuxotBnrGufpa0BBxED9aiGHAbGDZ2yyQAbSbJGZKjQBCJBseQOmrSGCAhEX+b+nOmXoqRKp8YAgAAB64C0f+aweCxj8G7q/u6gQz5X/uNZ28F/qTCmDkh4P19W69On6tv///2dWn+impUhQVQBIA3xfCDW1cMlArOFtsNjcpWo0ZXTwhUb2u9B1qF0sDi2pfGceayX2nzFXalVHc2/U9+7kKkQYQAEuIaVmdRRF2J9PLRzMXOSL7O7JJLRdQ+xST/GbIKVVIVizw1WSxl5DyJE9zpDAxAMcRM89Uah9ldTfQMCdPeowRI0hr/r/+naUQvuAJxjR3k+MlxAFDi6NgkaMTMJr9Fcg1+VHBIBOd53/yFR4dUCaiABWetSbq/7E2bEHU4wEQgQBtEy+46lS9fa5nzOhVEaFmbE1wugUIBc5TzM5eVSNkPWvWtrkFUZt+LqfAzEr+wnaV4RZAilHyR5sAYCJsnjM2QTKIb4SLv/7kmSCggQiRlFTGJrkNWOIoEdSShCRFz+sPouQyIhotLYc4tSSUt3rlIbyzz9AWw8tZqsxBIKKXLpq1axSpLX1jWAaPl8nmessCNSkxlzhv8sEDr84SwB26P/1dItASHDZEA/38d7lgAYOdKQ+Taf98rz0UNn/njggBe7J/kX///9v6u7Qun//V/8UbU76VTCAAABAEymog8psvB40pDN7AuoEBKaDM7TE1kB5CgZE4PgCL044Li0Hcv91uJEAY512nv3LDgBcTlVutEiwAkxeDIQbfAaSM7m/7W0yDFogBwyxsYu9GWqDAFlGp/v/TxDv/rcFBUALd3z/24SE2xuhfz5WKjsSI0v5rOYeERBx7LGeFd9BkMmGRwzJtL/M7BcAMHs3bx7990Xn5//UngwFZa//qUxQCMQAAgABwAAzBpeIED8YJkyTt0YmaLS/+bNpkyTf/yuxuIg9auTkgnf+4hwLgVL/rrBAFAAAB6ujUis86u0vmFmNosFjat0HO16bxxo5a5lJ80CyaL+//ylOtflqklFmUStCqj79+OoHgAL/+5JkiQAFRkZLW3vi4C8DiUpB6koSURc3TWarkLuN57SSlOJYApTEDUtFIa4CBaMA8ijYvhZpbtymj8uh3z3rUHnedLrEqEATBQDHn1JA38kG5SGiCxtImRVJnLg0wusfWZKsOo/6h/HA3VGPGiej//6iLHWthdxDM0TCq4AwESgJhtp7TYEcLISWTUCP7V+rHEwwXlqn/6ALb/vo/9Viv0epevbd/uWn/RWqdABJAAABXy3qPaYyqz+vieRoUGnvRllj+uAKiMx6Jkz4xKInFbLHSIxTncNfD4KJLd9RCigZ2k3SgA7zwYmiYCgWKSwZCiOcxnBUuYyWCczSE9/9EIMDb7jz/luX//6l70W+f/3UP08rf1YZpoka1itUty3quoYhOlPP5lOGCYGyqLTWOWLRgoq2uWN6nuOgoT3//6g6C3ti3/5XEIZb//do9//0DDEi8o8VcqfMkaRUjEgEgAAARQK75ahVuaEtuKROH+h7/qozKP2f/9AGr//09zlf///x1dXtp/q6mgABYAAANoAuAgVCNLxWV8jy5hpA1BYD//uSZHsAFY1Iy9NcyvQso3mdGOo4llkjLU1ui9CODiSUZp0qKQuEIB83YSaDI5mmopIFjQWOpbl/7mxoaVihcSanEoNfUmJcMsm6jAUqMJCxrxJhqBKOxD4wEGnG6K5XbUERJUN89UPr6ZaC1kqr50UqHbNp0UkdGMA2qMNvHc1ZgGdBQ6VXtQAwOcG8JODPEs5cMwNqCD30EEzRAMvBez0STC0kvj6SfEUDBZPc6V0f/+wRKKR8442s0cPBZRcIAHsHqkz/88fQSAIY3ZbLDlhxhfPRQHhWJfEwIjLf/HQhGWowAAIAAC8jK0lOpYywgyFTJUpAwbVEhWxGy8ZgQkGdCCXcf993AhbCgohi3UfqZ95ZEgy970SqB5RD4wCBoO5RCA2cFvyATGQ9qHJhBEh7EptyTBIJNXjARgB4qXLkfEJtLjLD72uRui///2ELTsZ9/F8AsAGi0j5HV8q7QQHqQBBqzj+ryhYQxsdxlS0VYzBdzPgIGlr8ULZAACA7VZ+v1ehhOQaE///guwgGSrOdqYxhX6ALvP3MQurfd2tQA//7kmRfhAXYSUnLnNLwKkIaLTwlOJh5JSbuc2vAsJzjgJa1cDM36/2Y9FaWw7BhYMC6P5raexhgDlZhz9rv9vr//2Zz/9no//0DkAAAAB+pSMjh6FqYpWGTpgkUUAgWCrZXiZyYFKBo0NpRYYS134wYrFRQaJHYz7y+PBeHs6lNu4ShJ/bVuMw86oCCJ0hhAoJiQRQFSCXu4YBNZlQFNwKAGj57MwYLqXyzCvXuX2o2f/90CAhp2dz/0+I0DMOkfYwzZzwooAQH7Z19duRiwVAlr+TUtBqicuWEw0iC0l5Ja1ICoBWOMGs6lEUbOYaHrM/+TbX3LFiGK75v3aDAlv6L/3Eo0/VM7/+7Renf6E0Q4NqIzLIjZb9E4JcWs2MULQADwcv0hypI+YjhKPqb//////////4fQGWa1XxMCQAAAFsFQDBYGcQw/jRDi8R5KrGilSBgEnyKi4CsovjUr8ekZN105bw5cHQdI65Q34Ml911oEyoZiNqKAEjOhLTAABpsZltxu5g6iBjXUIvd5HRkFIv/fMNPL///+sbD/w/aq7r/+5JkM4EFtUlL01vS9Cmhic0N4yaX1ScirfNr0LeGaDSJnJq0WWtXGZGFUPtTY56hhHhFvO3vLdOQzS5WVZkMdi4MBBQelDb525E5Y1KW839V/Ed2a6/7kfS8V9J+f92H2/ldv/8s0TJMJm03hVCkBR5k0UwLMQkRqBdegBRMNbncdhkV/sv6hRPFXfDLfVru+7//yX/7f/Qoopv62AAeIwAGUuJgB2HUd89jMStTQMMA4larDpDB02iNDlGoNVQMnGR6Nd//KoFa79Ndu5x8AAOO5VrbSIkYkFB20aDgLKwRPt5TFgMA64qzwGkbPY6FQkOMYc7+q2aHfLL//rp1JvvyWaggxIDLwt7j+VMMlRqwORAL9VMcy0ZiZY4ctgDjcFZTC0c88yUDatMJtqtJQs1VKWzGpzt6CliBCNTSfGGoqtkwUCWNnzUQiYhB5ajlR9r2o8RADKXvhjglB27doA/vG9SgahHH0kdA4ADsr7eOAFAvfSO+oHE/8XTubos//LZnQze7//+lI5BCAGA6ACAAKy53IXoWrl1o38WstzTG//uSZAwBBCdITfsyouIzw4ktPO1KEeUhNazqa4jHDiNI+E0oolLDXgzWTMSkKRIMASbp+IqmeRNDQxJUnn5sQIAlQW3CFSHZRG0AxHIsiXkqItZIIdTEd+PsrJdIpDbfnTICgQhCt2IgFALq1FwAgEDjZqqiVxggskLq2pmQlhs1aJiToqKPcjRCE1fWslCnjwMELAEAXUXD4a2eI2IeLiQxgCZU2+FggAc/1f/7mQKkSwcZQZY9x7qj3Pf6f+v//6P/R0KwRAASgAbXYyK06zWoycWyl4cMmrN5WiygsWs9x7xZZca1/cOZKRb/VNS4SmYh3//uLrktUEUhUyfK58fYC+wGJHUyZZRQFFLrdZNk79MyNvTIoVvOBlwNCJ430AyGGlDRSqTFMAzMAO0HTGjIE8LlAYGF7TR1MR5FjRJtIZcho7ecHQJwEfGumYF0niJPFAM8PhsfIWMlOAzyxzj8NP/WoL5Dtb6x8Hk/+oZ8GxoMDF8ussIlAZUKIYHnf7v//761vGMFAEABbSw7tK/WQhPWQBIrUaii272cwQqIIP/7kmQOABQnRs5TGZLkLcI6LzytOJNJGzGtUouQyBgigaVFMG56/8lspwWdf/5suv4c7r3Ds9/68wQgnOEQQrGaayUA0Y+pzEnVC6GRPoNrJBvoK+U7+Zh6zMrMg2Ud7ajoYYNXl4vF1TkNArAzRjrjXTQfUURsGSOpYpcnFIqnSGFvPf/mM2h9XsaGUKrISPCiHYnH4/s2KUnA+VkSMNZB6pv6r/xhQB9IT+tmtxL/q//2H/13Pu///1JQFAAEAEACXQYAeNCKkWEYmEokf0D0hGOomoGJBhcU3R0Az8FEqC+XAuKafF2iXKkSYAi3BYoPgYIswmiiOIDSizh1zQeiyGJxRDYirGDlgkPqJO/RF2yuoRMKBDroMgPsExxJptkAAMSAMDiFQNyaIMA4UBpAIjUxzE6IFJLyHiUxwsk2OWF1kVXQYXMZUnf7/fRnF9K97FpVBasbSrTDbqM5xRwYaj4FgUy/7kQsN+gnHf2WQwdYIcBMCWhTm6BNJl10f/////8cgcBYUwgA20NyZiAHAEQE7hxvXAXTKcImY4aLA4r/+5JkDYAEZkbLw1rK4DNGGc088EyRhRsxjOaLgMmYJLWDnTBG+YXhUiUELe+/thDT+8//xaxj+sJh6yWqu1/n0ZBI5aIXTpA+xrOlpFQ4/+f/nj///Ju/3//XXgvf+eo+Oitdw1rGadEI1pO67NvUEb2fuR6TMZBXY0C+eX/m/7m2v+vbpVQz3ec+VpuwLW7+FdVOKXjIpLoNENqMBnoo00MfN4/l3IEJF+d6GfWiK3/VTPLb+/trb3Uu2//+tgtsFH/+NovQt2tJCMMNQIBE21BosCtYdUgMOJtAAytM5ldLKTFSKA+XeXGxiFlKmOZ6/sqal3v/qJsj//tYsIGyFvi5xZJUHWHxg1RjiQNKljkCxJZouVfrKJz3J8dqWaqFrJhJamSIYEAkSVS1IDoBtgA0CL5asRQAEmHAkFJ7WK+JSKuuoXOVT/MBcguLoGIx5cIq1AAABDFwHw11xxqd3G4+QFc/ZIxT/bgubd+3b/QFotIX/0/p/X//9BCLfu3/v//19G3+qmmDQQSgAEUjWnIVpUUU1GRgfG3zckf32poY//uQZA0CBGJGTGM4kuAxBfk9POdMEDEnNUzhq9C5hia1FhyaBdWgX/w3Kg5DNscse6Xxfz7/5wXA36+zSlUge6HhkSTG6YA1MCPCTF0mz5gURzh31oKnGSQ1ufNeiscJq+6Ij0uoIGRmLWBVA6Y/dEbosRNHD6BQLoZIZDRPrpj7LRmmity6MkQZ358qGaNZwtFY2VYFw4gBUPkBxsB8HSkBhmkTsnhX5Y2Quk4tUQt1pdP/PQRxucKX///+3//0B4cGP0//+jsozgAq2Yty0hfiCiXih4PSTXRVT1mpe6Q0dYzi3Mt1ER32aRBEezo0w6Wvc1li2Gf5rsufQYUqKRRqdjk2F9kyaLnxA0GslU3W9RRq6j29SBIo60jQkzTMjdIG6JSeWtkxNU1InC6O8ZYO1TIZmco7Mkmj3Nt106PrP0j//+zv96Cqk3UqgLRbXU6IE6GJhSKC0jiPsbBAAkPlS2Br3LAn7Dxr/ZV/4Ne3//7/+r/11dhhCAACJZXZlfcpyxw4sZxX6YbKUQEcCuR9q6ckAY09M6iuld8YtPjf//uSZBSAA9RDzMsPmuA1Iyk6De04jCkbN6ew64DgDaS0Jazg1C6fVz9yejLhgMEwAnUArIgiTi0ieHSRE8pR01OImvrV2mSWjTYmi3ZI4Tgs4gxZQTcZUgpSNzA3KBRFkkNMDYxWo49DUkp+pSDoJuiXUQa43QGk4AwA2V6YRVE6a4mefg6Vafdc1+Dx/6hiAN42Q36NRuTBPESeZEbKf//3//5v+yvR//9ciSbqbwBZM/X2wkBC5DPCRGkyDaRJYRkIy4j0SrybE7fYjo+za3rM/jszNfXbQgAkSAdD5E9VuNWr06KOoXO7nPzHljjhqjIzsv0Oc5HoppvfodXqys6OYd6Fp76kU9P/1AAABxugXAZnsYSBCYJteSiUJjK/pMBIj/+88oX1/2xDyqAYJA7R2HZca2Xf6Lf/1v//M//9lP/QBABVKYAgxGUv3TViWQqqPBEQ5UjmXtWzMhUwGw08x6MUdlkjefV2j/4riz9hUbZAYz2cB1jDOIUk/mpCG99Hrml8UxrW863649t11/7f7tveIF4qVMQLugsFg0eFzv/7kmQvAANgLcljD3pgOAOpCiVJSg4w8yOnvauA6ozkILUs4LmT/TrUwn9RKfbiL3/qwCKWAWEAD52iNUIifIBS5KDA9LeQgpO+w+HTO//oC5XwkHRCDBIcaisPb5o9DH2af+t3/////4wIERxIwAIBIKQMAmKnV5dCcoWaYWoXpwqEuw2TGVL+BM26dPv5WyTT5kg3rGf9tiqA8XE7jsCZAS4KcOYFgSY+Bex5GiRkdRUmtTz9SPTZ9P6WtlJVLuqtSk6qlLQs9T+o1a4QuSy4VJYRkc+/UUOf/oBIaEDIrQVIFcDI0QZYyAmKv4UYy/Z6nTv/II1LTyTR5WDygPQ7kgaeHg///id/Faz+yj9z/qI//dM0VQAiAAKmV0HWoBYT2EsuAyD7BklvN1kWG4saoetjdm61r/5xJD99Ym/w2LhBLlJi+HeIEAXgurFyEmXjNFnWylGjpsklapq3SUhTRZkV2QMTc8s6ip3dNSJ1kD6dFObIDoDWjynERzTLbq9X9HxQMCFSWMgyOQd0mHEHtPKp8FQcH4+1Djl6UdCTCRD/+5JkRYADbjfIye+C4C+FqX0I4kwN/N8fLD4LgNcMJjQ0KOCnDCb99v//+n8E/X+f/s+v9/qADKBAWUixMVZKzVtJdhhRkktARoo0892YdyeWlGnFzFYUHi/xrNGy99f3hKCELGfMEd5cCfG2B+DYoujCImVUUDlFjxuZrepbImjHLJ36LoXY3ddG9fadUX0TqJ1JKbIWBiB3wVpOsDlj+mUuKWp1ho6XX2gfO6XgU6hhiB62poSiZjPwyEKUU2hvOKsn51SFy8a7+1TD2pn4R1+U1ehayZ3/q/rSABJAAlUf0iGwNiLFlfrtXwuEHlKVjazdLE4NrTtK0RC1n6lt8w/b78GRdjpC/UGhXwa4OYwhFwCsxjySsWurbxTTnb7z84p96zj2tbNoW7Xxi2949v4NI0XPvLlXvE0q7aIqgwPKuVj9HtV++sA0baZOHco9GsgfryA8fK/gWe///q893Oq51vFTYwK5CtuTH/xH8mTllYbchbStbvU3++xbLev0AgACFpjQlFE5ryb7vrqb9SwasOtvOtQkFPpziteIjO5R//uSZGMDg2owR8sPemA34yj1MQk4DNSnIIw+KYDlDGPklSzgtQYkTcObf8s7fMSYFkkuWBWRlRkA+wBlFBjyZEy9m2mNS76LLZ1Ld7LQOOpD2NAg0lAwfUNPLQeLlMQDMsBX7Xe9n3XfrarARVu2i5rNEo9deAUJviSQn//LYNAxALFP2L6rJYiBsEA7/qPJ+xHB91btKJH6kOLO0f9tLFN6KyAREARYY42kJCSaY8aaiISXEMgpsLvDM53wTpTrCk4ahTj/eIV6xWbOfmZW2wmBxYjJ4FMCwRQwHCgNGj6ICzzz5kTaaZsko30035k6WktSr9kWZKnZbLvdL1I+p7IqY2jjWs0OP7OnvV4k+8MajwL/A/fPopJANiiTX+qAtImdRWMLq3zjnv63PcYAdJP//fPq6c8zqZ5z8hnqO/yeA6WLdS+6MXsouqAAAERKBTJHwBGaUGbi8KpWMpfoTyAjAe8FA7DtYkQMJj+9ubybnP038YWywqYTs+VhdRCgSIAfjtB+LX282RROLUlmBagyTU0tF1LZFa3RWudPpJC9tv/7kmR/gANyPcbDL5rgOkXpOSTqTAxsuyGMMamA2ZPl9GOVKApmV2yx/jRj2V9ff9OabJ+0YUsql+pBJHJT3ouNgfliUxhQEPVa9R5HkIzXjGAIP0//q7pN9JRVKc7/Yu/b7/+n//rqAAFgAKUl0T1MMIEmscQQhhpeYwymEpJnikB9ny0Sn4n1aqTcY4s0HetKbclIDZJpeIIGCDaKdCCoDMAVkUCH8AXAiyGeTfRSMCfWm7KdmrqdWt0lNWtDQpK26HzVaAVXY8SPV8gD6nLVQoef9VywzvrSzJMslJStgSRwMATJiNvay5b9Y8weCg9Elv+FgGDPMI/LHt/+aYeQPKjYDk2EQ7Fix8p/+60UhIRAh7P//6hNUJkhoVgXfW3I0xZz0JyKSZAYjmJiAATg/oWBJHc7gigSj6sWLv+8wzOWzOIlOxhofCAq7enKZHaXdC7ohHxsDBhyVHwO54gOKUDwsqZd/DB0Wf+7/QRI7rf4BdtBLVO4GANLbmcGS1ffFRaTTN7//9iMlflEs2JdrDx+FEFxkKwYZdUInL//PO//+5JknQADnTZGQy+S4DwkSb0FB0qK1KU157CpgNyMpjRUmOD///66AQEgELQIyVVFgEYVwKoJaJUC2SYb+E4UDM0HhDVsk1dudr3r/E38u1LjSQHogq1BxxZgtBACUBkQuCRFaM1FCpmmTrTVu97pMt9SlUVo6RpamrrutO93XU9q1r/V9VT3Ron+lit/7fHdABiDckAERRZ6U1Vx2gaN3sHoKIS10Ye6We8r5+odJd811cTS1JgqGULO/Z+L/V+3Y38h/xdjVuk3U7EGKMAqaug07QE6Wd8dlGpcgKA0euG8Aj3M4VJduqjOTxta7DU2mdgRbKEjhQmUhXHiDuBXQ8nzIz2OVKSRXdfdTITZ2odd9a72WtqkK9dKtSu67KZ7ZxeaSWUJw/rbrz3WhCb/qAYKGUKAQRwYgu2zHKFJ+f9+/P+TYGMoqKiHoaXRES4yOtP/1632/+/X7d//jmK9qaP96NcAJiA6tnZSWiOIOQsKpMKhaaBRpJu0Fx+XT1acllJ8b3+3BXquzMsJPmwaBYIJ4CxRG2GBwAaBrCHiyFWa//uSZL0II0tHR0MvkuA7A0ktLMk4DIz7I4wxq4DQjOPgMSTgk7opLNzZBDRSsb1TlT66C9SltpKSMk27sfTZeZGGss24mtaQ2WIxSs/sN0Lcxei5SAAypDpCMDioC9+dPRgLqYYGKVFH5hZAqCKC+I2jMWDB6BOIr///UnxKyt///UjK//0diuoAQAMEOapaSChZEVLtmBEkKEeDmMQKrwMWikDuV4W+sUh+A7sopZFM15u3ySa+OPw839u0gqdUbQi9JYCikyYLEAjG8Letft3OYS+L3cpdG61iBpV9wgpHYijqCMod04IhglQTTs53kYEAKzxdVGdO/z5lOSUYyMYQYBvVk0fk8mn1unbOP9IAAiBQAphdJBpk65Acc3ZLyZJn//q7yQUJz6PcrG1w8eFRUUhX/L9fFXTn9Gt09R7Zz/Z167KujXrVAAJwKWtC/RCBe5eKZTEMBzes5VUsUrE1T6GnWhidVihbVA2RWXVbSMCTt2q671eWO1mgaJpBthYiAbwg4NWickBzjdjiRmblqxxMuJNmLZ2ZpJudOJIoV//7kmTdgANwNcdDDIrgNASJCAhKShDdbRStYE3A5Yzj8JCk4NFJq0WpKWg8ydRitBnqUcig8Fxli7S4Jkw4QNIRFGCstB3iwFTBIAB1osAClVjxKGSy2psKb6J1/8Nm2DsVLHTWbOecO2Sg1Xf97vTYtT6if7//s3MrUtbP/6aHbl6AJoZ1jBUchIGCAuEEFmUgNFn6gFxUTmxOLLX0gq9FY5i8ksqwLIY5ZoKCYl7hwG2dm85BSzGiueQCV2rrZi/i1DLyQSKTlafdkfO40jpzUrlD7zsR5PfApVh3TR66MVbVWZQhfD0EMEIgQEL1KmYlIHoQQ08pWDxORiHVTAQo/CNpSz8tf24c538sHtfz+slr+WxAg6tRqbB7mV7QxyAA3QL/Pix3EnvlTUoJ7f/t/5IIDMUrnKRRGCf/0+v/++xP27f6FQAkIBJ4TqhKhKHJKYIbFQAvcoMGoFroZBQWwL5i0YhlxY/ZnZfWqUuXZiDZ6IJayDB0odrRWkZ22KHVUhGcAUAuUFl4RkRiK4OYbLLjUybNiZLaJWRKKKVOigb/+5Jk6wgD9DlGQw+S4DcjKRwYSzgR9WMUrOhtwNQXJXQxCTBnElupNJdnNl0J5OZKs6S2eukipkVa1XWitnPJLc8ZpOupNaVNzcXc4dl2VKYOV4m9Z4mpgAAKpgYgzuQEVlzuRtBTUpn7ZFOp0hUBV0uCU9z8OsONM8veEQ8k/Lgd/9haGjo1y//v//zz6er/Tp1jAABsEJDSJW8syxVwljOsvlMI+SeALSDVKeTKEl9VCFIlUIUfqcjPoatm7zLeFmao4zZlUNO8wlIpRswDRxjL+0XaW7ZrXbNbPH8u467jrL/x1uyVRSkksqFFFG5SklvduoruklNbuUx3+7UvUVyuxrGrd81vf8/3f/f/9AAgJyFCr641CiZ6g15X87lax1kRW+ZYylYKebDCqFQCAhXws0eSv+p3//V//t7ej/+pTEFNRTMuOTkuM1VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//uSZOyDBHZGRkM4kuA8gzkMFEw4D3SbHQw/CUjHjmRwMwkoVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQBqs0jMnBWmgKng1FRU32lmZmb+N6/V+w+MygnAXTBSU3/Ffjw4KGwvhYijgbg038TRQL8U3//xv5cO4FZf/z8bdj8V3CpuILkwNl5P8KE+53G3eCoQUAIQxdpeAGCps5MdqtGpNehUFBQFS2qx1bDEzNSDATAKKlIBjsJGEQBFZnmMUrStzKW+pXKVDOZ+hnQ2jloarUNK2iGVjPlUVcHRF4NCI9e2HcNCJ4NQ0eEQlnbmh0FYaUxBTUUzLjk5LjNVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7kkScD/K0GL+QyBnCYEgHsjBlXAAAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';

  let scraperHistory;
  const defaults    = { //{{{
        themes    : {//{{{
          whisper : {
            highlight   : '#1F3847',
            background  : '#232A2F',
            accent      : '#00ffff',
            bodytable   : '#AFCCDE',
            cpBackground: '#394752',
            toHigh      : '#009DFF',
            toGood      : '#40B6FF',
            toAverage   : '#7ACCFF',
            toLow       : '#B5E3FF',
            toPoor      : '#DEF1FC',
            hitDB       : '#CADA95',
            nohitDB     : '#DA95A8',
            unqualified : '#808080',
            reqmaster   : '#C1E1F6',
            nomaster    : '#D6C1F6',
            defaultText : '#AFCCDE',
            inputText   : '#98D6D6',
            secondText  : '#808080',
            link        : '#003759',
            vlink       : '#40F0F0',
            toNone      : '#AFCCDE',
            export      : '#86939C',
            hover       : '#1E303B'
          },
          solDark : {
            highlight   : '#657b83',
            background  : '#002b36',
            accent      : '#b58900',
            bodytable   : '#839496',
            cpBackground: '#073642',
            toHigh      : '#859900',
            toGood      : '#A2BA00',
            toAverage   : '#b58900',
            toLow       : '#cb4b16',
            toPoor      : '#dc322f',
            hitDB       : '#82D336',
            nohitDB     : '#D33682',
            unqualified : '#9F9F9F',
            reqmaster   : '#B58900',
            nomaster    : '#839496',
            defaultText : '#839496',
            inputText   : '#eee8d5',
            secondText  : '#93a1a1',
            link        : '#000000',
            vlink       : '#6c71c4',
            toNone      : '#839496',
            export      : '#CCC6B4',
            hover       : '#122A30'
          },
          solLight: {
            highlight   : '#657b83',
            background  : '#fdf6e3',
            accent      : '#b58900',
            bodytable   : '#657b83',
            cpBackground: '#eee8d5',
            toHigh      : '#859900',
            toGood      : '#A2BA00',
            toAverage   : '#b58900',
            toLow       : '#cb4b16',
            toPoor      : '#dc322f',
            hitDB       : '#82D336',
            nohitDB     : '#36D0D3',
            unqualified : '#9F9F9F',
            reqmaster   : '#B58900',
            nomaster    : '#6C71C4',
            defaultText : '#657b83',
            inputText   : '#6FA3A3',
            secondText  : '#A6BABA',
            link        : '#000000',
            vlink       : '#6c71c4',
            toNone      : '#657b83',
            export      : '#000000',
            hover       : '#C7D2D6'
          },
          classic : {
            highlight   : '#30302F',
            background  : '#131313',
            accent      : '#94704D',
            bodytable   : '#000000',
            cpBackground: '#131313',
            toHigh      : '#66CC66',
            toGood      : '#ADFF2F',
            toAverage   : '#FFD700',
            toLow       : '#FF9900',
            toPoor      : '#FF3030',
            hitDB       : '#66CC66',
            nohitDB     : '#FF3030',
            unqualified : '#9F9F9F',
            reqmaster   : '#551A8B',
            nomaster    : '#0066CC',
            defaultText : '#94704D',
            inputText   : '#000000',
            secondText  : '#997553',
            link        : '#0000FF',
            vlink       : '#800080',
            toNone      : '#d3d3d3',
            export      : '#000000',
            hover       : '#21211F'
          },
          deluge  : {
            highlight   : '#1F3847',
            background  : '#434e56',
            accent      : '#fbde2d',
            bodytable   : '#f8f8f8',
            cpBackground: '#384147',
            toHigh      : '#6FFA3C',
            toGood      : '#D9FC35',
            toAverage   : '#fbde2d',
            toLow       : '#FAB050',
            toPoor      : '#FA6F50',
            hitDB       : '#d8fa3c',
            nohitDB     : '#DA95A8',
            unqualified : '#ADC6EE',
            reqmaster   : '#BFADEE',
            nomaster    : '#ADEEDF',
            defaultText : '#f8f8f8',
            inputText   : '#D8FA3C',
            secondText  : '#ADC6EE',
            link        : '#99004F',
            vlink       : '#DCEEAD',
            toNone      : '#97A167',
            export      : '#ADC6EE',
            hover       : '#426075'
          }
        },//}}}
        vbTemplate: '[table][tr][td][b]Title:[/b] [URL=${previewLink}]${title}[/URL] | [URL=${pandaLink}]PANDA[/URL]\n' +
                    '[b]Requester:[/b] [URL=${requesterLink}]${requesterName}[/URL] [${requesterId}] ' +
                    '([URL=' + TO_REPORTS + '${requesterId}]TO[/URL])\n' +
                    '[b]TO Ratings:[/b]\n${toVerbose}\n${toFoot}\n' +
                    '[b]Description:[/b] ${description}\n[b]Time:[/b] ${time}\n[b]HITs Available:[/b] ${numHits}\n' +
                    '[b]Reward:[/b] [COLOR=green][b]${reward}[/b][/COLOR]\n' +
                    '[b]Qualifications:[/b] ${quals}[/td][/tr][/table]'
      },//}}}

      Settings    = {//{{{
        defaults      : {//{{{
          themes        : { name: 'classic', colors: defaults.themes },
          colorType     : 'sim',
          sortType      : 'adj',
          toWeights     : { comm: '1', pay: '3', fair: '3', fast: '1' },
          exportVb      : true,
          exportIrc     : true,
          exportHwtf    : true,
          notifySound   : [false, 'ding'],
          notifyBlink   : false,
          notifyTaskbar : false,
          volume        : { ding: 1, squee: 1 },
          wildblocks    : true,
          showCheckboxes: true,
          hitColor      : 'link',
          fontSize      : 11,
          shineOffset   : 1,

          refresh       : '0',
          pages         : '1',
          skips         : false,
          resultsPerPage: '50',
          batch         : '',
          pay           : '',
          qual          : true,
          monly         : false,
          mhide         : false,
          searchBy      : 0,
          invert        : false,
          shine         : '300',
          minTOPay      : '',
          hideNoTO      : false,
          onlyViable    : false,
          disableTO     : false,
          sortPay       : false,
          sortAll       : false,
          search        : '',
          hideBlock     : true,
          onlyIncludes  : false,
          shineInc      : true,
          sortAsc       : false,
          sortDsc       : true,
          gbatch        : false,
          bubbleNew     : false,

          vbTemplate: defaults.vbTemplate,
          vbSym     : '\u2605' // star
        },//}}}
        user: {}, save: function() { localStorage.setItem('scraper_settings', JSON.stringify(this.user)); },
        draw          : function() {//{{{
          var
            _ccs        = 'https://greasyfork.org/en/scripts/3118-mmmturkeybacon-color-coded-search-with-checkpoints',
            _hwtf       = 'https://www.reddit.com/r/HITsWorthTurkingFor',
            _general    = //{{{
              `<div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Export Buttons</b></span>
              <p><label for="exportVb" style="float:left; width:51px">vBulletin</label>
              <input id="exportVb" name="export" value="vb" type="checkbox" ${this.user.exportVb ? 'checked' : ''}/></p>
              <p><label for="exportIrc" style="float:left; width:51px">IRC</label>
              <input id="exportIrc" name="export" value="irc" type="checkbox" ${this.user.exportIrc ? 'checked' : ''}/></p>
              <p><label for="exportHwtf" style="float:left; width:51px">Reddit</label>
              <input id="exportHwtf" name="export" value="hwtf" type="checkbox" ${this.user.exportHwtf ? 'checked' : ''}/></p>
             </div>
             <section style="margin-left:110px">
              <span style="position:relative; left:10px"><i>vBulletin</i></span><br>
              Show a button in the results to export the specified HIT with vBulletin formatted text to share on forums.
             </section><section style="margin-left:110px">
              <span style="position:relative; left:10px"><i>IRC</i></span><br>
              Show a button in the results to export the specified HIT streamlined for sharing on IRC.
             </section><section style="margin-left:110px">
              <span style="position:relative; left:10px"><i>Reddit</i></span><br>
              Show a button in the results to export the specified HIT for sharing on Reddit, formatted to 
              <a style="color:black" href="${_hwtf}" target="_blank">r/HITsWorthTurkingFor</a> standards.
             </section>
            </div><div>
              <div style="float:left; margin-left:15px">
               <span style="position:relative; left:-8px"><b>Bubble New HITs</b></span>
               <p><label for="bubbleNew" style="float:left; width:51px">Enable</label>
               <input id="bubbleNew" type="checkbox" ${this.user.bubbleNew ? 'checked' : ''}></p>
              </div>
              <section style="margin-left:100px; margin-top:23px">
               When this option is enabled, new HITs will always be placed at the top of the results table.
              </section>
            </div><div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Color Type</b></span>
              <p><label for="ctSim" style="float:left; width:51px">Simple</label>
              <input id="ctSim" type="radio" name="colorType" value="sim" 
                ${this.user.colorType === 'sim' ? 'checked' : ''}/></p>
              <p><label for="ctAdj" style="float:left; width:51px">Adjusted</label>
              <input id="ctAdj" type="radio" name="colorType" value="adj" 
                ${this.user.colorType === 'adj' ? 'checked' : ''}/></p>
             </div>
             <section style="margin-left:100px">
              <span style="position:relative; left:10px"><i>simple</i></span><br>HIT Scraper will use a simple weighted average to 
              determine the overall TO rating and colorize results using that value. Use this setting to make coloring consistent between 
              HIT Scraper and <a style="color:black" href="${_ccs}" target="_blank">Color Coded Search</a>.
             </section><section style="margin-left:100px">
              <span style="position:relative; left:10px;"><i>adjusted</i></span><br>HIT Scraper will calculate a Bayesian adjusted average 
              based on confidence of the TO rating to colorize results. Confidence is proportional to the number of reviews.
             </section>
            </div><div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Sort Type</b></span>
              <p><label for="stSim" style="float:left; width:51px">Simple</label>
              <input id="stSim" type="radio" name="sortType" value="sim" 
                ${this.user.sortType === 'sim' ? 'checked' : ''}/></p>
              <p><label for="stAdj" style="float:left; width:51px">Adjusted</label>
              <input id="stAdj" type="radio" name="sortType" value="adj" 
                ${this.user.sortType === 'adj' ? 'checked' : ''}/></p>
             </div>
             <section style="margin-left:100px">
              <span style="position:relative; left:10px"><i>simple</i></span><br>
              HIT Scraper will sort results based simply on value regardless of the number of reviews.
             </section><section style="margin-left:100px">
              <span style="position:relative; left:10px;"><i>adjusted</i></span><br>HIT Scraper will use a Bayesian adjusted rating 
              based on reliability (i.e. confidence) of the data. It factors in the number of reviews such that, for example, 
              a requester with 100 reviews rated at 4.6 will rightfully be ranked higher than a requester with 3 reviews rated at 5.
              This gives a more accurate representation of the data.
             </section>
            </div><div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Alert Volume</b></span>
              <p><label style="float:left;width:45px">Ding</label>
              <input name="ding" type="range" value=${this.user.volume.ding} max="1" step="0.02" min="0" />
              <span style="padding-left:10px">${Math.floor(this.user.volume.ding * 100)}%</span></p>
              <p><label style="float:left;width:45px">Squee</label>
              <input name="squee" type="range" value=${this.user.volume.squee} max="1" step="0.02" min="0" />
              <span style="padding-left:10px">${Math.floor(this.user.volume.squee * 100)}%</span></p>
             </div>
            </div><div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>TO Weighting</b></span>
              <p><label for="comm" style="float:left; width:45px">comm</label>
              <input id="comm" type="number" name="TOW" min="1" max="10" step="0.5" value=${this.user.toWeights.comm} style="width:40px"/></p>
              <p><label for="pay" style="float:left; width:45px">pay</label>
              <input id="pay" type="number" name="TOW" min="1" max="10" step="0.5" value=${this.user.toWeights.pay} style="width:40px"/></p>
              <p><label for="fair" style="float:left; width:45px">fair</label>
              <input id="fair" type="number" name="TOW" min="1" max="10" step="0.5" value=${this.user.toWeights.fair} style="width:40px"/></p>
              <p><label for="fast" style="float:left; width:45px">fast</label>
              <input id="fast" type="number" name="TOW" min="1" max="10" step="0.5" value=${this.user.toWeights.fast} style="width:40px"/></p>
             </div>
             <section style="margin-left:110px; padding:10px">
              Specify weights for TO attributes to place greater importance on certain attributes over others.
              <p>The default values, [1, 3, 3, 1], ensure consistency between HIT Scraper and 
              <a style="color:black" href="${_ccs}" target="_blank">Color Coded Search</a>; 
               recommended values for adjusted coloring are [1, 6, 3.5, 1].</p>
             </section>
            </div>`,//}}}
            _appearance =//{{{
              `<div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative;left:-8px"><b>Display Checkboxes</b></span>
              <p><label for="checkshow" style="float:left;width:51px">Show</label>
              <input id="checkshow" type="radio" name="checkbox" value="true" 
                ${this.user.showCheckboxes ? 'checked' : ''} /></p>
              <p><label for="checkhide" style="float:left;width:51px">Hide</label>
              <input id="checkhide" type="radio" name="checkbox" value="false" 
                ${this.user.showCheckboxes ? '' : 'checked'} /></p>
             </div>
             <section style="margin-left:133px">
              <span style="position:relative;left:10px"><i>show</i></span><br>
              Shows all checkboxes and radio inputs on the control panel for sake of clarity.
             </section><section style="margin-left:133px">
              <span style="position:relative;left:10px"><i>hide</i></span><br>
              Hides checkboxes and radio inputs for a cleaner, neater appearance. Their visibility is not required for proper 
              operation; all options can still be toggled while hidden.
             </section>
            </div><div>
             <div style="float:left;margin-left:15px">
              <span style="position:relative;left:-8px"><b>Themes</b></span>
              <p><select>
               <option value="classic" ${this.user.themes.name === 'classic' ? 'selected' : ''}>Classic</option>
               <option value="deluge" ${this.user.themes.name === 'deluge' ? 'selected' : ''}>Deluge</option>
               <option value="solDark" ${this.user.themes.name === 'solDark' ? 'selected' : ''}>Solarium:Dark</option>
               <option value="solLight" ${this.user.themes.name === 'solLight' ? 'selected' : ''}>Solarium:Light</option>
               <option value="whisper" ${this.user.themes.name === 'whisper' ? 'selected' : ''}>Whisper</option>` +
              //<option value="random" ${this.user.themes.name === 'random' ? 'selected' : ''}>I'm Feelin'
              // Lucky!</option>
              `</select> <button id="thedit" style="cursor:pointer">Edit Current Theme</button></p>
             </div>
            </div><div>
             <div style="float:left;margin-left:15px">
              <span style="position:relative;left:-8px"><b>HIT Coloring</b></span>
              <p><label for="link" style="float:left;width:51px">Link</label>
              <input id="link" type="radio" name="hitColor" value="link" 
                ${this.user.hitColor === 'link' ? 'checked' : ''} /></p>
              <p><label for="cell" style="float:left;width:51px">Cell</label>
              <input id="cell" type="radio" name="hitColor" value="cell" 
                ${this.user.hitColor === 'cell' ? 'checked' : ''} /></p>
             </div>
             <section style="margin-left:100px;padding-top:10px">
              <span style="position:relative;left:10px"><i>link</i></span><br>
              Apply coloring based on Turkopticon reviews to all applicable links in the results table.
             </section><section style="margin-left:100px">
              <span style="position:relative;left:10px"><i>cell</i></span><br>
              Apply coloring based on Turkopticon reviews to the background of all applicable cells in the results table.
             </section>
             <p style="clear:both"><b>Note:</b> The Classic theme is exempt from these settings and will always colorize cells.</p>
            </div><div>
             <div style="float:left;margin-left:15px">
              <span style="position:relative;left:-8px"><b>Font Size</b></span>
              <p><input name="fontSize" type="number" min="5" value="${this.user.fontSize}" style="width:45px"></p>
              <span style="position:relative;left:-8px"><b>New HIT Offset</b></span>
              <p><input name="shineOffset" type="number" value="${this.user.shineOffset}" style="width:45px"></p>
             </div>
             <section style="margin-left:100px;margin-top:15px">
              Change the font size (measured in px) for text in the results table. Default is 11px.
             </section><section style="margin-left:100px;margin-top:40px;">
              Controls the font size of new HITs relative to the rest of the results. Default is 1px. <br />
              <i>Example:</i> With a font size of 11px and an offset of 1px, new HITs will be displayed at 12px.
             </section>
            </div>`,//}}}
            _blocks     = //{{{
              `<div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Advanced Matching</b></span>
              <p><label for="wildblocks" style="float:left; width:95px">Allow Wildcards</label>
              <input id="wildblocks" type="checkbox" ${this.user.wildblocks ? 'checked' : ''}/></p>
             </div>
             <section style="margin-left:150px">
              Allows for the use of asterisks <code>(*)</code> as wildcards in the blocklist for simple glob matching. Any blocklist entry 
              without an asterisk is treated the same as the default behavior--the entry must exactly match a HIT title or requester to 
              trigger a block.
              <p><em>Wildcards have the potential to block more HITs than intended if using a pattern that's too generic.</em></p>
              <p>Matching is not case sensitive regardless of the wildcard setting. Entries without an opening asterisk are 
              expected to match the beginning of a line, likewise, entries without a closing asterisk are expected to match 
              the end of a line. Example usage below.</p>
              <table class="ble" style="left:-100px;position:relative;width:110%;">
               <tr>
                <th class="blec ble"></th>
                <th class="blec ble">Matches</th>
                <th class="blec ble" style="width:86px">Does not match</th>
                <th class="blec ble">Notes</th>
               </tr><tr>
                <td rowspan="2" class="blec ble"><code>foo*baz</code></td>
                <td class="blec ble">foo bar bat baz</td>
                <td class="blec ble">bar foo bat baz</td>
                <td rowspan="2" class="blec ble">no leading or closing asterisks; <code>foo</code> must be at the start of a line, 
                and <code>baz</code> must be at the end of a line for a positive match</td>
               </tr><tr><td class="blec ble">foobarbatbaz</td><td class="blec ble">foo bar bat</td>
               </tr><tr>
                <td class="blec ble"><code>*foo</code></td>
                <td class="ble blec">bar baz foo</td>
                <td class="blec ble">foo baz</td>
                <td class="ble blec">matches and blocks any line ending in <code>foo</code></td>
               </tr><tr>
                <td class="blec ble"><code>foo*</code></td>
                <td class="ble blec">foo bat bar</td>
                <td class="ble blec">bat foo baz</td>
                <td class="ble blec">matches and blocks any line beginning with <code>foo</code></td>
               </tr><tr>
                <td class="ble blec" rowspan="4"><code>*bar*</code></td>
                <td class="ble blec">foo bar bat baz</td>
                <td class="ble blec" rowspan="4">foo bat baz</td>
                <td class="ble blec" rowspan="4">matches and blocks any line containing <code>bar</code></td>
               </tr><tr><td class="ble blec">bar bat baz</td>
               </tr><tr><td class="ble blec">foo bar</td>
               </tr><tr><td class="ble blec">foobatbarbaz</td>
               </tr><tr>
                <td class="ble blec"><code>** foo</code></td>
                <td class="ble blec">** foo</td>
                <td class="ble blec">** foo bar baz</td>
                <td class="ble blec">Multiple consecutive asterisks will be treated as a string rather than a wildcard. This makes it 
                compatible with HITs using multiple asterisks in their titles, <i>e.g.</i>, <code>*** contains peanuts ***</code>.</td>
               </tr><tr>
                <td class="ble blec"><code>** *bar* ***</td>
                <td class="ble blec">** foo bar baz bat ***</td>
                <td class="ble blec">foo bar baz</td>
                <td class="ble blec">Consecutive asterisks used in conjunction with single asterisks.</td>
               </tr><tr>
                <td class="ble blec"><code>*</code></td>
                <td class="ble blec"><i>nothing</i></td>
                <td class="ble blec"><i>all</i></td>
                <td class="ble blec">A single asterisk would usually match anything and everything, 
                but here, it matches nothing. This prevents accidentally blocking everything from the results table.</td>
               </tr>
              </table>
             </section>
            </div>`,//}}}
            _notify     = //{{{
              `<div>
             <div style="float:left; margin-left:15px">
              <span style="position:relative; left:-8px"><b>Additional Notifications</b></span><br>
              <p><label for="notifyBlink" style="float:left; width:51px">Blink</label>
              <input id="notifyBlink" type="checkbox" name="notify" ${this.user.notifyBlink ? 'checked' : ''}/></p>
              <p><label for="notifyTaskbar" style="float:left; width:51px">Taskbar</label>
              <input id="notifyTaskbar" type="checkbox" name="notify" ${this.user.notifyTaskbar ? 'checked' : ''}/></p>
             </div>
             <section style="margin-left:160px">
              <span style="position:relative; left:10px"><i>blink</i></span><br>
              Blink the tab when there are new HITs.
             </section>
             <section style="margin-left:160px">
              <span style="position:relative; left:10px"><i>taskbar</i></span><br>
              Create an HTML5 browser notification when there are new HITs, which appears over the taskbar for 10 seconds.
             </section>
             <p style="clear:both"><b>Note:</b> These notification options will only apply when the page does not have active focus.</p>
            </div>`,//}}}
            _utils      =//{{{
              `<div>
           <div style="float:left; margin-left:15px">
            <span style="position relative; left:-8px"><b>Export/Import</b></span>
            <p><button id="sexport">Export</button></p>
            <p><button id="simport">Import</button></p>
            <input type="file" id="fsimport" style="display:none">
           </div>
           <section style="margin-left:130px; margin-top:15px">
            <span style="position:relative; left:10px"><i>Export</i></span><br>
            Export your current settings, block list, and include list as a local file.
           </section>
           <section style="margin-left:130px">
            <span style="position:relative; left:10px"><i>Import</i></span></br>
            Import your settings, block list, and include list from a local file.
           </section>
           <div style="margin-top:10px" id="eisStatus"></div>
          </div>`,//}}}
            _main       = //{{{
              `<div style="top:0;left:0;margin:0;text-align:right;padding:0px;border:none;width:100%">
             <label id="settingsClose" class="close" title="Close">&#160;&#10008;&#160;</label>
            </div><div id="settingsSidebar">
             <span class="settingsSelected">General</span>
             <span>Appearance</span>
             <span>Blocklist</span>
             <span>Notifications</span>
             <span>Utilities</span>
            </div><div id="panelContainer" style="margin-left:10px;border:none;overflow:auto;width:auto;height:92%">
             <div id="General" class="settingsPanel">${_general}</div>
             <div id="Appearance" class="settingsPanel">${_appearance}</div>
             <div id="Blocklist" class="settingsPanel">${_blocks}</div>
             <div id="Notifications" class="settingsPanel">${_notify}</div>
             <div id="Utilities" class="settingsPanel">${_utils}</div>
            </div>`;//}}}

          this.main = document.body.appendChild(document.createElement('DIV'));
          this.main.id = 'settingsMain';
          this.main.innerHTML = _main;
          return this;
        },//}}} Settings::draw
        init          : function() {//{{{
          var get         = (q, all) => this.main['querySelector' + (all ? 'All' : '')](q),
              sidebarFn   = function(e) {
                if (e.target.classList.contains('settingsSelected')) return;
                get('#' + get('.settingsSelected').textContent).style.display = 'none';
                get('.settingsSelected').classList.toggle('settingsSelected');
                e.target.classList.toggle('settingsSelected');
                get('#' + e.target.textContent).style.display = 'block';
              }.bind(this),
              sliderFn    = function(e) {
                e.target.nextElementSibling.textContent = Math.floor(e.target.value * 100) + '%';
              },
              optChangeFn = function(e) {//{{{
                var tag                                                       = e.target.tagName, type                              = e.target.type, id = e.target.id,
                    isChecked = e.target.checked, name = e.target.name, value = e.target.value;

                switch (tag) {
                  case 'SELECT':
                    //get('#thedit').textContent = value === 'random' ? 'Re-roll!' : 'Edit Current Theme';
                    this.user.themes.name = value;
                    Themes.apply(value, this.user.hitColor);
                    break;
                  case 'INPUT':
                    switch (type) {
                      case 'radio':
                        if (name === 'checkbox') {
                          this.user.showCheckboxes = (value === 'true');
                          Array.from(document.querySelectorAll('#controlpanel input[type=checkbox],#controlpanel input[type=radio]'))
                               .forEach(v => v.classList.toggle('hidden'));
                        }
                        else this.user[name] = value;
                        if (name === 'hitColor') Themes.apply(this.user.themes.name, value);
                        break;
                      case 'checkbox':
                        this.user[id] = isChecked;
                        if (name === 'export')
                          Array.from(document.querySelectorAll(`button.${value}`))
                               .forEach(v => v.style.display = isChecked ? '' : 'none');
                        if (id === 'notifyTaskbar' && isChecked && Notification.permission === 'default')
                          Notification.requestPermission();
                        break;
                      case 'number':
                        if (name === 'fontSize')
                          document.head.querySelector('#lazyfont').sheet.cssRules[0].style.fontSize = value + 'px';
                        else if (name === 'shineOffset')
                          document.head.querySelector('#lazyfont').sheet.cssRules[1].style.fontSize = +this.user.fontSize + (+value) + 'px';
                        if (name === 'TOW') this.user.toWeights[id] = value;
                        else this.user[name] = value;
                        break;
                      case 'range':
                        this.user.volume[name] = value;
                        let audio = document.querySelector(`#${name}`);
                        audio.volume = value;
                        audio.play();
                        break;
                    }
                    break;
                }
                Settings.save();
              }.bind(this);//}}}

          get('#settingsClose').onclick = this.die.bind(this);
          get('#General').style.display = 'block';
          Array.from(get('#settingsSidebar span', true)).forEach(v => v.onclick = sidebarFn);
          Array.from(get('input:not([type=file]),select', true)).forEach(v => v.onchange = optChangeFn);
          Array.from(get('input[type=range]', true)).forEach(v => v.oninput = sliderFn);
          get('#thedit').onclick = () => {
            this.die.call(this);
            new Editor('theme');
          };
          get('#sexport').onclick = FileHandler.exports;
          get('#simport').onclick = () => {
            get('#fsimport').value = '';
            get('#eisStatus').innerHTML = '';
            get('#fsimport').click();
          };
          get('#fsimport').onchange = FileHandler.imports;
        },//}}} Settings::init
        die           : function() {
          Interface.toggleOverflow('off');
          this.main.remove();
        }
      },//}}} Settings

      Themes      = {//{{{
        default      : defaults.themes,
        generateCSS  : function(theme, mode) {//{{{
          var ref     = theme === 'random' ? this.randomize() : Settings.user.themes.colors[theme],
              _ms     = mode === 'cell' || theme === 'classic',
              cellFix = {
                row   : k => `.${k} ` + (_ms ? '{background:' : 'a {color:') + ref[k] + '}',
                text  : k => `.${k} {color:` + (_ms ? this.tune(ref.bodytable, ref[k]) : ref.bodytable) + '}',
                export: k => `.${k} button {color:` + (_ms ? this.tune(ref.export, ref[k]) : ref.export) + '}',
                vlink : k => `.${k} a:not(.static):visited {color:` + (_ms
                  ? this.tune(ref.vlink, ref[k])
                  : ref.vlink) + '}'
              },
              css     = `body {color:${ref.defaultText}; background-color:${ref.background}}
            /*#status {color:${ref.secondText}}*/
            #sortdirs {color:${ref.inputText}}
            #curtain {background:${ref.background}; opacity:0.5}
            .controlpanel i:after {color:${ref.accent}}
            #controlpanel {background:${ref.cpBackground}}
            #controlpanel input${theme === 'classic' ? '' : ', #controlpanel select'} 
              {color:${ref.inputText}; border:1px solid; background:${theme === 'classic' ? '#fff' : ref.cpBackground}}
            #controlpanel label {color:${ref.defaultText}; background:${ref.cpBackground}}
            #controlpanel label:hover {background:${ref.hover}}
            #controlpanel label.checked {color:${ref.secondText}; background:${ref.highlight}}
            /*#resultsTable tbody a:not(.static):visited {color:${ref.vlink}}*/
            /*#resultsTable button {color:${ref.export}}*/
            thead, caption, a {color:${ref.defaultText}}
            tbody a {color:${ref.link}}
            .nohitDB {color:#000; background:${ref.nohitDB}}
            .hitDB {color:#000; background:${ref.hitDB}}
            .reqmaster {color:#000; background:${ref.reqmaster}}
            .nomaster {color:#000; background:${ref.nomaster}}
            .tooweak {background:${ref.unqualified}}
            ${cellFix.row('toNone')}    ${cellFix.text('toNone')}    ${cellFix.export('toNone')}    ${cellFix.vlink('toNone')}
            ${cellFix.row('toHigh')}    ${cellFix.text('toHigh')}    ${cellFix.export('toHigh')}    ${cellFix.vlink('toHigh')}
            ${cellFix.row('toGood')}    ${cellFix.text('toGood')}    ${cellFix.export('toGood')}    ${cellFix.vlink('toGood')}
            ${cellFix.row('toAverage')} ${cellFix.text('toAverage')} ${cellFix.export('toAverage')} ${cellFix.vlink('toAverage')}
            ${cellFix.row('toLow')}     ${cellFix.text('toLow')}     ${cellFix.export('toLow')}     ${cellFix.vlink('toLow')}
            ${cellFix.row('toPoor')}    ${cellFix.text('toPoor')}    ${cellFix.export('toPoor')}    ${cellFix.vlink('toPoor')}`;
          if (theme !== 'classic') css += `\n.controlpanel button {color:${ref.accent}; background:transparent;}`;
          return css;
        },//}}} Themes::generateCSS
        tune         : function(fg, bg) {//{{{
          var cbg     = this.getBrightness(bg),
              lighten = c => {
                c.s = Math.max(0, c.s - 5);
                c.v = Math.min(100, c.v + 5);
                return c;
              },
              darken  = c => {
                c.s = Math.min(100, c.s + 5);
                c.v = Math.max(0, c.v - 5);
                return c;
              },
              tune    = (function() { if (cbg >= 128) return darken; else return lighten; })(),
              hex2hsv = function(c) {//{{{
                var r = parseInt(c.slice(1, 3), 16), g = parseInt(c.slice(3, 5), 16), b = parseInt(c.slice(5, 7), 16),
                    min                                                                 = Math.min(r, g, b), max                                        = Math.max(r, g, b), delta             = max - min, _hue;
                switch (max) {
                  case r:
                    _hue = Math.round(60 * (g - b) / delta);
                    break;
                  case g:
                    _hue = Math.round(120 + 60 * (b - r) / delta);
                    break;
                  case b:
                    _hue = Math.round(240 + 60 * (r - g) / delta);
                    break;
                }
                return {
                  h: _hue < 0 ? _hue + 360 : _hue,
                  s: max === 0 ? 0 : Math.round(100 * delta / max),
                  v: Math.round(max * 100 / 255)
                };
              }, //}}}
              hsv2hex = function(c) {//{{{
                var r, g, b, pad = s => ('00' + s.toString(16)).slice(-2);
                if (c.s === 0) r = g = b = Math.round(c.v * 2.55).toString(16);
                else {
                  c = { h: c.h / 60, s: c.s / 100, v: c.v / 100 }; // convert to prime to calc chroma
                  var _t1 = Math.round((c.v * (1 - c.s)) * 255),
                      _t2 = Math.round((c.v * (1 - c.s * (c.h - Math.floor(c.h)))) * 255),
                      _t3 = Math.round((c.v * (1 - c.s * (1 - (c.h - Math.floor(c.h))))) * 255);
                  switch (Math.floor(c.h)) {
                    case 1:
                      r = _t2;
                      g = Math.round(c.v * 255);
                      b = _t1;
                      break;
                    case 2:
                      r = _t1;
                      g = Math.round(c.v * 255);
                      b = _t3;
                      break;
                    case 3:
                      r = _t1;
                      g = _t2;
                      b = Math.round(c.v * 255);
                      break;
                    case 4:
                      r = _t3;
                      g = _t1;
                      b = Math.round(c.v * 255);
                      break;
                    case 0:
                      r = Math.round(c.v * 255);
                      g = _t3;
                      b = _t1;
                      break;
                    default:
                      r = Math.round(c.v * 255);
                      g = _t1;
                      b = _t2;
                      break;
                  }
                }
                return '#' + pad(r) + pad(g) + pad(b);
              };//}}}

          while (Math.abs(this.getBrightness(fg) - cbg) < 90) fg = hsv2hex(tune(hex2hsv(fg)));
          return fg;
        },//}}}
        getBrightness: function(hex) {//{{{
          // TODO: put in Colors object
          var r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
          return ((r * 299) + (g * 587) + (b * 114)) / 1000;
        },//}}} Themes::getBrightness
        apply        : function(theme, mode) {//{{{
          var cssNew                                                            = URL.createObjectURL(new Blob([this.generateCSS(theme, mode)], { type: 'text/css' })),
              rel = document.head.querySelector('link[rel=stylesheet]'), cssOld = rel.href;
          rel.href = cssNew;
          URL.revokeObjectURL(cssOld);
        }//}}} Themes::apply
      },//}}} Themes

      Interface   = {//{{{
        user          : Settings.user,
        time          : Date.now(),
        focused       : true,
        blackhole     : {},
        isLoggedout   : document.querySelector('#lnkWorkerSignin') ? true : false,
        resetTitle    : function() {//{{{
          if (this.blackhole.blink) clearInterval(this.blackhole.blink);
          document.title = DOC_TITLE;
        },//}}}
        toggleOverflow: function(state) {//{{{
          document.body.querySelector('#curtain').style.display = state === 'on' ? 'block' : 'none';
          document.body.style.overflow = state === 'on' ? 'hidden' : 'auto';
        },//}}} Interface::curtains
        draw          : function() {//{{{
          var user = this.user = Settings.user,
              _cb    = user.showCheckboxes ? '' : 'hidden',
              _u0    = new Uint8Array(Array.prototype.map.call(window.atob(audio0), v => v.charCodeAt(0))),
              _u1    = new Uint8Array(Array.prototype.map.call(window.atob(audio1), v => v.charCodeAt(0))),
              ding   = URL.createObjectURL(new Blob([_u0], { type: 'audio/ogg' })),
              squee  = URL.createObjectURL(new Blob([_u1], { type: 'audio/mp3' })),
              titles = {//{{{
                refresh       : 'Enter search refresh delay in seconds.\nEnter 0 for no auto-refresh.\nDefault is 0 (no auto-refresh).',
                pages         : 'Enter number of pages to scrape. Default is 1.',
                skips         : 'Searches additional pages to get a more consistent number of results. Helpful if you\'re blocking a lot of items.',
                resultsPerPage: 'Number of results to return per page (maximum is 100, default is 30)',
                batch         : 'Enter minimum HITs for batch search (must be searching by Most Available).',
                pay           : 'Enter the minimum desired pay per HIT (e.g. 0.10).',
                qual          : 'Only show HITs you\'re currently qualified for (must be logged in).',
                monly         : 'Only show HITs that require Masters qualifications.',
                mhide         : 'Remove masters hits from the results if selected, otherwise display both masters and non-masters HITS.\n' +
                                'The \'qualified\' setting supercedes this option.',
                searchBy      : 'Get search results by...\n Latest = HIT Creation Date (newest first),\n ' +
                                'Most Available = HITs Available (most first),\n Reward = Reward Amount (most first),\n Title = Title (A-Z)',
                invert        : 'Reverse the order of the Search By choice, so...\n Latest = HIT Creation Date (oldest first),\n ' +
                                'Most Available = HITs Available (least first),\n Reward = Reward Amount (least first),\n Title = Title (Z-A)',
                shine         : 'Enter time (in seconds) to keep new HITs highlighted.\nDefault is 300 (5 minutes).',
                sound         : 'Play a sound when new results are found.',
                soundSelect   : 'Select which sound will be played.',
                minTOPay      : 'After getting search results, hide any results below this average Turkopticon pay rating.\n' +
                                'Minimum is 1, maximum is 5, decimals up to 2 places, such as 3.25',
                hideNoTO      : 'After getting search results, hide any results that have no, or too few, Turkopticon pay ratings.',
                disableTO     : 'Disable attempts to download ratings data from Turkopticon for the results table.\n' +
                                'NOTE: TO is cached. That means if TO is availible from a previous scrape, it will use that value even if ' +
                                'TO is disabled. This option only prevents the retrieval of ratings from the Turkopticon servers,',
                sortPay       : 'After getting search results, re-sort the results based on their average Turkopticon pay ratings.',
                sortAll       : 'After getting search results, re-sort the results by their overall Turkopticon rating.',
                sortAsc       : 'Sort results in ascending (low to high) order.',
                sortDsc       : 'Sort results in descending (high to low) order.',
                search        : 'Enter keywords to search for; default is blank (no search terms).',
                hideBlock     : 'When enabled, hide HITs that match your blocklist.\n' +
                                'When disabled, HITs that match your blocklist will be displayed with a red border.',
                onlyIncludes  : 'Show only HITs that match your includelist.\nBe sure to edit your includelist first or no results will be displayed.',
                shineInc      : 'Outline HITs that match your includelist with a dashed green border.',
                mainlink      : 'Version: ' + ENV.VERSION + '\nRead the documentation for HIT Scraper With Export on its Greasyfork page.',
                gbatch        : 'Apply the \'Minimum batch size\' filter to all search options.',
                onlyViable    : 'Filters out HITs with qualifications you do not have and \ncan neither request nor take a test to obtain.\n' +
                                'Does not work while logged out.'
              },//}}}
              css    = [//{{{
                'body {font-family:Verdana, Arial; font-size:14px}',
                'p {margin:8px auto}',
                '.cpdefault {display:inline-block; visibility:visible; overflow:hidden; padding:8px 5px 1px 5px; transition:all 0.3s;}',
                '#controlpanel i:after, #status i:after {content:" | "}',
                'input[type="checkbox"], input[type="radio"] {vertical-align:middle}',
                'input[type="number"] {width:50px; text-align:center}',
                'label {padding:2px}',
                '.hiddenpanel {width:0px; height:0px; visibility:hidden}',
                '.hidden {display:none}',
                'button {border:1px solid}',
                'textarea {font-family:inherit; font-size:11px; margin:auto; padding:2px}',
                '.pop {position:fixed; top:15%; left:50%; margin:auto; transform:translateX(-50%); padding:5px;' + // for
                // editors/exporters
                'background:black; color:white; z-index:20; font-size:12px; box-shadow:0px 0px 6px 1px #fff}',
                'dt {text-transform:uppercase; clear:both; margin:3px}',
                '.icbutt {float:left;border:1px solid #fff;cursor:pointer} .icbutt > input {opacity:0;display:block;width:25px;height:25px;border:none}',
                // settings
                '#settingsMain {z-index:20; position:fixed; background:#fff; color:#000; box-shadow:-3px 3px 2px 2px #7B8C89; line-height:initial;' +
                'top:50%; left:50%; width:85%; height:85%; margin-right:-50%; transform:translate(-50%, -50%)}',
                '#settingsMain > div {margin:5px; padding:3px; position:relative; border:1px solid grey; line-height:initial}',
                '.close {position:relative; font-weight:bold; font-size:1em; color:white; background:black; cursor:pointer}',
                '#settingsSidebar {width:100px; min-width:90px; height:92%; float:left}',
                '#settingsSidebar > span {display:block; margin-bottom:5px; width:100px; font-size:1em; cursor:pointer}',
                '.settingsPanel {position:absolute; top:0;left:0; display:none; width:100%; height:100%; font-size:11px}',
                '.settingsPanel > div {margin:15px 5px; position:relative; background:#CCFFFA; overflow:auto; padding:6px 10px}',
                '.settingsSelected {background:aquamarine}',
                '.ble {border:1px solid black; border-collapse:collapse;} .blec {padding:5px; text-align:left;}',

                '.toLink {position:relative;}',
                '.toLink:before {content:""; display:none; z-index:5; position:absolute; top:0; left:-6px; width:0; height:0;' +
                'border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid black}',
                '.toLink:hover:before {display:block;}',
                '.tooltip {position:absolute;top:0;right:calc(100% + 6px);text-align:left;transform:translateY(-20%);padding:5px;font-weight:normal;' +
                'font-size:11px; line-height:1; display:none; background:black; color:white; box-shadow:0px 0px 6px 1px #fff}',
                'meter {width:100%; position:relative; height:15px;}',
                'meter:before, .ffmb {display:block; font-size:10px; font-weight:bold; color:black; content:attr(data-attr); position:absolute; top:1px}',
                'meter:after, .ffma {display:block; font-size:10px; font-weight:bold; color:black; content:attr(value); position:absolute; top:1px; right:0}',
                '#resultsTable button {height:14px; font-size:8px; border:1px solid; padding:0; background:transparent}',
                '#resultsTable tbody td > div {display:table-cell}',
                '#resultsTable tbody td > div:first-child {padding-right:2px; vertical-align:middle; white-space:nowrap}',
                'button.disabled {position:relative}',
                'button.disabled:before {content:""; display:none; z-index:5; position:absolute; top:-7px; left:50%; width:0; height:0;' +
                'border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid black; transform:translateX(-50%)}',
                'button.disabled:after {content:"Exports are disabled while logged out."; display:none; z-index:5; position:absolute;' +
                'top:-7px; left:50%; color:white; background:black; width:230px; padding:2px; transform:translate(-50%,-100%);' +
                'box-shadow:0px 0px 6px 1px #fff; font-size:12px}',
                'button.disabled:focus:before {display:block} button.disabled:focus:after {display:block}',
                '.spinner {display: inline-block; animation: kfspin 0.7s infinite linear; font-weight:bold;}',
                '@keyframes kfspin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } }',
                '.spinner:before{content:"*"}',
                '.exhwtf {width:70px; background:black; color:white; vertical-align:top; border-radius:5px}',
                '.ignored td {border:2px solid #00E5FF}',
                '.includelisted td {border:3px dashed #008800}',
                '.blocklisted td {border:3px solid #cc0000}'
              ],//}}}
              fCss   =
                `#resultsTable tbody {font-size:${user.fontSize}px;}` +
                `.shine td {border:1px dotted #fff; font-size:${(+user.fontSize) + (+user.shineOffset)}px; font-weight:bold}`,
              //{{{ body
              body   = `
          <audio id="ding"> <source src=${ding}> </audio>
          <audio id="squee"> <source src=${squee}> </audio>
          <div id="curtain" style="position:fixed;width:100%;height:100%;display:none;z-index:10"></div>
          <div id="controlpanel" class="controlpanel cpdefault">
           <p>
            Auto-refresh delay: <input id="refresh" type="number" title="${titles.refresh}" min="0" value="${user.refresh}" /><i></i>
            Pages to scrape: <input id="pages" type="number" title="${titles.pages}" min="1" max="100" value="${user.pages}" /><i></i>
            <label class="${user.skips ? 'checked' : ''}" title="${titles.skips}" for="skips">Correct for skips</label>
            <input id="skips" class="${_cb}" type="checkbox" title="${titles.skips}" ${user.skips ? 'checked' : ''} /><i></i>
            Results per page: <input id="resultsPerPage" type="number" title="${titles.resultsPerPage}" 
            min="1" max="100" value="${user.resultsPerPage || 10}" />
           </p></p>
            Min reward: <input id="pay" type="number" title="${titles.pay}" min="0" step="0.05" value="${user.pay}" /><i></i>
            <label class="${user.qual ? 'checked' : ''}" title="${titles.qual}" for="qual">Qualified</label>
            <input id="qual" class="${_cb}" type="checkbox" title="${titles.qual}" ${user.qual ? 'checked' : ''} /><i></i>
            <label class="${user.monly ? 'checked' : ''}" title="${titles.monly}" for="monly">Masters Only</label>
            <input id="monly" class="${_cb}" type="checkbox" title="${titles.monly}" ${user.monly ? 'checked' : ''} /><i></i>
            <label class="${user.mhide ? 'checked' : ''}" title="${titles.mhide}" for="mhide">Hide Masters</label>
            <input id="mhide" class="${_cb}" type="checkbox" title="${titles.mhide}" ${user.mhide ? 'checked' : ''} /><i></i>
            <label class="${user.onlyViable ? 'checked' : ''}" title="${titles.onlyViable}" for="onlyViable">Hide Infeasible</label>
            <input id="onlyViable" class="${_cb}" type="checkbox" title="${titles.onlyViable}" ${user.onlyViable
                ? 'checked'
                : ''} /><i></i>
            Min batch size: <input id="batch" type="number" title="${titles.batch}" min="1" value="${user.batch}" /> - 
            <label class="${user.gbatch ? 'checked' : ''}" title="${titles.gbatch}" for="gbatch">Global</label>
            <input id="gbatch" class="${_cb}" type="checkbox" title="${titles.gbatch}" ${user.gbatch ? 'checked' : ''} />
           </p><p>
            New HIT highlighting: <input id="shine" type="number" title="${titles.shine}" min="0" max="3600" value="${user.shine}" /><i></i>
            <label class="${user.notifySound[0] ? 'checked' : ''}" title="${titles.sound}" for="sound">Sound on new HIT</label>
            <input id="sound" class="${_cb}" type="checkbox" title="${titles.sound}" ${user.notifySound[0]
                ? 'checked'
                : ''} />
            <select id="soundSelect" title="${titles.soundSelect}" style="display:${user.notifySound[0]
                ? 'inline'
                : 'none'}">
             <option value="ding" ${user.notifySound[1] === 'ding' ? 'selected' : ''}>Ding</option>
             <option value="squee" ${user.notifySound[1] === 'squee' ? 'selected' : ''}>Squee</option>
            </select><i></i>
            <label class="${user.disableTO ? 'checked' : ''}" title="${titles.disableTO}" for="disableTO">Disable TO</label>
            <input id="disableTO" class="${_cb}" type="checkbox" title="${titles.disableTO}" ${user.disableTO
                ? 'checked'
                : ''} /><i></i>
            Search by: <select id="searchBy" title="${titles.searchBy}">
             <option value="late"   ${user.searchBy === 0 ? 'selected' : ''}>Latest</option>
             <option value="most"   ${user.searchBy === 1 ? 'selected' : ''}>Most Available</option>
             <option value="amount" ${user.searchBy === 2 ? 'selected' : ''}>Reward</option>
             <option value="alpha"  ${user.searchBy === 3 ? 'selected' : ''}>Title</option>
            </select> - 
            <label class="${user.invert ? 'checked' : ''}" title="${titles.invert}" for="invert">Invert</label>
            <input id="invert" class="${_cb}" type="checkbox" title="${titles.invert}" ${user.invert ? 'checked' : ''} />
           </p><p>
            Min pay TO: <input id="minTOPay" type="number" title="${titles.minTOPay}" min="1" max="5" step="0.25" value="${user.minTOPay}" /><i></i>
            <label class="${user.hideNoTO ? 'checked' : ''}" title="${titles.hideNoTO}" for="hideNoTO">Hide no TO</label>
            <input id="hideNoTO" class="${_cb}" type="checkbox" title="${titles.hideNoTO}" ${user.hideNoTO
                ? 'checked'
                : ''} /><i></i>
            <label class="${user.sortPay ? 'checked' : ''}" title="${titles.sortPay}" for="sortPay">Sort by TO pay</label>
            <input id="sortPay" class="${_cb}" type="checkbox" title="${titles.sortPay}" name="sort" ${user.sortPay
                ? 'checked'
                : ''} /><i></i>
            <label class="${user.sortAll ? 'checked' : ''}" title="${titles.sortAll}" for="sortAll">Sort by overall TO</label>
            <input id="sortAll" class="${_cb}" type="checkbox" title="${titles.sortAll}" name="sort" ${user.sortAll
                ? 'checked'
                : ''} />
            <div id="sortdirs" style="font-size:15px;display:${user.sortPay || user.sortAll ? 'inline' : 'none'}">
              <label class="${user.sortAsc ? 'checked' : ''}" for="sortAsc" title="${titles.sortAsc}">&nbsp;&#9650;&nbsp;</label>
              <input id="sortAsc" class="${_cb}" type="radio" title="${titles.sortAsc}" name="sortDir" ${user.sortAsc
                ? 'checked'
                : ''} />
              <label class="${user.sortDsc ? 'checked' : ''}" for="sortDsc" title="${titles.sortDsc}">&nbsp;&#9660;&nbsp;</label>
              <input id="sortDsc" class="${_cb}" type="radio" title="${titles.sortDsc}" name="sortDir" ${user.sortDsc
                ? 'checked'
                : ''} />
            </div>
           </p><p>
            Search Terms: <input id="search" title="${titles.search}" placeholder="Enter search terms here" value="${user.search}" /><i></i>
            <label class="${user.hideBlock ? 'checked' : ''}" title="${titles.hideBlock}" for="hideBlock">Hide blocklisted</label>
            <input id="hideBlock" class="${_cb}" type="checkbox" title="${titles.hideBlock}" ${user.hideBlock
                ? 'checked'
                : ''} /><i></i>
            <label class="${user.onlyIncludes ? 'checked' : ''}" title="${titles.onlyIncludes}" for="onlyIncludes">Restrict to includelist</label>
            <input id="onlyIncludes" class="${_cb}" type="checkbox" title="${titles.onlyIncludes}" ${user.onlyIncludes
                ? 'checked'
                : ''} /><i></i>
            <label class="${user.shineInc ? 'checked' : ''}" title="${titles.shineInc}" for="shineInc">Highlight Includelisted</label>
            <input id="shineInc" class="${_cb}" type="checkbox" title="${titles.shineInc}" ${user.shineInc
                ? 'checked'
                : ''} />
           </p>
          </div><div id="controlbuttons" class="controlpanel" style="margin-top:5px">
           <button id="btnMain">Start</button> <button id="btnHide">Hide Panel</button> <button id="btnBlocks">Edit Blocklist</button>
           <button id="btnIncs">Edit Includelist</button> <button id="btnIgnores">Toggle Ignored HITs</button> &nbsp; 
           <button id="btnSettings">Settings</button>
          </div>
          <div id="loggedout" style="font-size:11px;margin-left:10px;text-transform:uppercase"></div>
          <div id="status" style="height:34px"><p>Stopped</p></div>
          <div id="results">
           <table id="resultsTable" style="width:100%">
            <caption style="font-weight:800;line-height:1.25em;font-size:1.5em;">
             <a class="mainlink" target="_blank" href="${URL_SELF}" title="${titles.mainlink}">HIT Scraper</a> Results
            </caption>
            <thead><tr style="font-weight:800;font-size:0.87em;text-align:center">
             <td>Requester</td><td>Title</td><td style="width:70px">Reward &amp; PandA</td><td style="width:35px"># Avail</td>
             <td style="width:30px">TO Pay</td><td style="width:15px">M</td>
             <td style="width:15px"></td><td style="width:15px"></td>
            </tr></thead>
            <tbody></tbody>
           </table>
          </div>`,//}}}
              head   = `<title>${DOC_TITLE}</title>` +
                       `<style type="text/css" id="lazyfont">${fCss}</style>` +
                       `<style type="text/css">${css.join('')}</style>` +
                       `<link rel="icon" type="image/png" href="${ico}" /><link rel="stylesheet" type="text/css" />`;

          document.head.innerHTML = head;
          document.body.innerHTML = body;
          this.elkeys = Object.keys(titles);
          return this;
        },//}}} Interface::draw
        init          : function() {//{{{
          this.panel = {};
          this.buttons = {};
          var get          = (q, all) => document['querySelector' + (all ? 'All' : '')](q),
              sortdirs     = get('#sortdirs'),
              moveSortdirs = function(node) {
                if (!node.checked) {
                  sortdirs.style.display = 'none';
                  return;
                }
                sortdirs.style.display = 'inline';
                sortdirs.remove();
                node.parentNode.insertBefore(sortdirs, node.nextSibling);
              },
              kdFn         = e => { if (e.keyCode === kb.ENTER) setTimeout(() => this.buttons.main.click(), 30); },
              optChangeFn  = function(e) {//{{{
                var tag                                                       = e.target.tagName, type = e.target.type, id          = e.target.id,
                    isChecked = e.target.checked, name = e.target.name, value = e.target.value;

                switch (tag) {
                  case 'SELECT':
                    if (id === 'soundSelect')
                      this.user.notifySound[1] = e.target.value;
                    else
                      this.user[id] = e.target.selectedIndex;
                    break;
                  case 'INPUT':
                    switch (type) {
                      case 'number':
                      case 'text':
                        this.user[id] = value;
                        break;
                      case 'radio':
                        Array.from(get(`input[name=${name}]`, true))
                             .forEach(v => {
                               this.user[v.id] = v.checked;
                               get(`label[for=${v.id}]`).classList.toggle('checked');
                             });
                        break;
                      case 'checkbox':
                        if (name === 'sort') {
                          Array.from(get(`input[name=${name}]`, true)).forEach(v => {
                            if (e.target !== v) v.checked = false;
                            get(`label[for=${v.id}]`).className = v.checked ? 'checked' : '';
                            this.user[v.id] = v.checked;
                          });
                          moveSortdirs(e.target);
                          break;
                        } else if (id === 'sound') {
                          this.user.notifySound[0] = isChecked;
                          e.target.nextElementSibling.style.display = isChecked ? 'inline' : 'none';
                        }
                        this.user[id] = isChecked;
                        get(`label[for=${id}]`).classList.toggle('checked');
                        break;
                    }
                    break;
                }
                Settings.save();
              }.bind(this);//}}}

          'ding squee'.split(' ').forEach(v => get(`#${v}`).volume = this.user.volume[v]);

          Themes.apply(this.user.themes.name);
          if (this.isLoggedout) get('#loggedout').textContent = 'you are currently logged out of mturk';
          // get references to control panel elements and set up click events
          this.Status = {
            node  : get('#status').firstChild,
            push  : function(t) { this.node.innerHTML = t; },
            append: function(t) { this.node.innerHTML += t; },
            cd    : function() { this.node.innerHTML = this.node.innerHTML.replace(/\d+(?= seconds)/, m => +m - 1); }
          };
          for (var k of this.elkeys) {
            if (k === 'mainlink') continue;
            this.panel[k] = document.getElementById(k);
            this.panel[k].onchange = optChangeFn;
            if (k === 'pay' || k === 'search') this.panel[k].onkeydown = kdFn;
            if ((k === 'sortPay' || k === 'sortAll') && this.panel[k].checked) moveSortdirs(this.panel[k]);
          }

          // get references to buttons
          Array.from(get('button', true)).forEach(v => this.buttons[v.id.slice(3).toLowerCase()] = v);
          // set up button click events
          this.buttons.main.onclick = function(e) {
            e.target.textContent = e.target.textContent === 'Start' ? 'Stop' : 'Start';
            Core.run();
          };
          this.buttons.hide.onclick = function(e) {
            get('#controlpanel').classList.toggle('hiddenpanel');
            e.target.textContent = e.target.textContent === 'Hide Panel' ? 'Show Panel' : 'Hide Panel';
          };
          this.buttons.blocks.onclick = () => {
            this.toggleOverflow('on');
            new Editor('ignore');
          };
          this.buttons.incs.onclick = () => {
            this.toggleOverflow('on');
            new Editor('include');
          };
          this.buttons.ignores.onclick = () => Array.from(get('.ignored:not(.blocklisted)', true)).forEach(v => v.classList.toggle('hidden'));
          this.buttons.settings.onclick = () => {
            this.toggleOverflow('on');
            Settings.draw().init();
          };
          get('#hideBlock').addEventListener('change', () => Array.from(get('.blocklisted', true)).forEach(v => v.classList.toggle('hidden')));
          document.body.onblur = () => this.focused = false;
          document.body.onfocus = () => {
            this.focused = true;
            this.resetTitle();
          };
        }//}}} Interface::init
      },//}}} Interface

      Editor      = function(type) {//{{{
        if (!type) return { setDefaultBlocks: setDefaultBlocks };
        Interface.toggleOverflow('on');
        this.node = document.body.appendChild(document.createElement('DIV'));
        this.node.classList.add('pop');
        this.die = () => {
          Interface.toggleOverflow('off');
          this.node.remove();
        };
        this.type = type;
        this.caller = arguments[1] || null;

        function setDefaultBlocks() {
          return localStorage.setItem('scraper_ignore_list',
            'oscar smith^diamond tip research llc^jonathan weber^jerry torres^' +
            'crowdsource^we-pay-you-fast^turk experiment^jon brelig^p9r^scoutit');
        }

        switch (type) {
          case 'include':
          case 'ignore':
            if (type === 'ignore' && !localStorage.getItem('scraper_ignore_list')) setDefaultBlocks();
            var titleText = type === 'ignore'
              ? '<b>BLOCKLIST</b> - Edit the blocklist with what you want to ignore/hide. Separate requester names and HIT titles with the ' +
                '<code>^</code> character. After clicking "Save", you\'ll need to scrape again to apply the changes.'
              : '<b>INCLUDELIST</b> - Focus the results on your favorite requesters. Separate requester names and HIT titles with the ' +
                '<code>^</code> character. When the "Restrict to includelist" option is selected, ' +
                'HIT Scraper only shows results matching the includelist.';
            this.node.innerHTML = '<div style="width:500px">' + titleText + '</div>' +
                                  '<textarea style="display:block;height:200px;width:500px;font:12px monospace" placeholder="nothing here yet">' +
                                  (localStorage.getItem(`scraper_${type}_list`) || '') + '</textarea>' +
                                  '<button id="edSave" style="margin:5px auto;width:50%;color:white;background:black">Save</button>' +
                                  '<button id="edCancel" style="margin:5px auto;width:50%;color:white;background:black">Cancel</button>';
            this.node.querySelector('#edSave').onclick = () => {
              localStorage.setItem(`scraper_${type}_list`, this.node.querySelector('textarea').value.trim());
              this.die();
            };
            break;
          case 'theme':
            var dlbody = [], _th = Settings.user.themes, split = obj => {
                  var a = [];
                  for (var k in obj) if (obj.hasOwnProperty(k)) a.push({ k: k, v: obj[k] });
                  return a.sort((a, b) => a.k < b.k ? -1 : 1);
                }, _colors                                     = split(_th.colors[_th.name]),
                define                                         = k => '<div style="margin-left:37px">' + _dd[k] + '</div>',
                _dd                                            = {//{{{
                  highlight   : 'Distinguishes between active and inactive states in the control panel',
                  background  : 'Background color',
                  accent      : 'Color of spacer text (and control panel buttons on themes other than \'classic\')',
                  bodytable   : 'Default color of text elements in the results table (this is ignored if HIT coloring is set to \'cell\')',
                  cpBackground: 'Background color of the control panel',
                  toHigh      : 'Color for results with high TO',
                  toGood      : 'Color for results with good TO',
                  toAverage   : 'Color for results with average TO',
                  toLow       : 'Color for results with low TO',
                  toPoor      : 'Color for results with poor TO',
                  toNone      : 'Color for results with no TO',
                  hitDB       : 'Designates that a match was found in your HITdb',
                  nohitDB     : 'Designates that a match was not found in your HITdb',
                  unqualified : 'Designates that you do not have the qualifications necessary to work on the HIT',
                  reqmaster   : 'Designates HITs that require Masters',
                  nomaster    : 'Designates HITs that do not require Masters',
                  defaultText : 'Default text color',
                  inputText   : 'Color of input boxes in the control panel',
                  secondText  : 'Color for text used on selected control panel items',
                  link        : 'Default color of unvisited links',
                  vlink       : 'Default color of visited links',
                  export      : 'Color of buttons in the results table--export and block buttons',
                  hover       : 'Color of control panel options on mouseover'
                };//}}}
            for (var r of _colors)
              dlbody.push(`<dt>${r.k}</dt><dd><div class="icbutt"><input data-key="${r.k}" type="color" value="${r.v}" /></div>${define(r.k)}</dd>`);
            this.node.innerHTML = '<b>THEME EDITOR</b><p></p><div style="height:87%;overflow:auto"><dl>' + dlbody.join('') + '</dl></div>' +
                                  '<button id="edSave" style="margin:5px auto;width:33%;color:white;background:black">Save</button>' +
                                  '<button id="edDefault" style="margin:5px auto;width:33%;color:white;background:black">Restore Default</button>' +
                                  '<button id="edCancel" style="margin:5px auto;width:33%;color:white;background:black">Cancel</button>';
            this.node.style.height = '57%';
            Array.from(this.node.querySelectorAll('.icbutt')).forEach(v => {
              v.style.background = v.firstChild.value;
              v.firstChild.onchange = e => {
                var k = e.target.dataset.key;
                v.style.background = e.target.value;
                _th.colors[_th.name][k] = e.target.value;
                Themes.apply(_th.name, Settings.user.hitColor);
              };
            });
            this.node.querySelector('#edDefault').onclick = () => {
              _th.colors[_th.name] = Themes.default[_th.name];
              Themes.apply(_th.name, Settings.user.hitColor);
              this.die();
              new Editor('theme');
            };
            this.node.querySelector('#edSave').onclick = () => {
              Settings.save();
              this.die();
            };
            break;
          case 'vbTemplate':
            this.node.innerHTML = '<b>VBULLETIN TEMPLATE</b><div style="float:right;margin-bottom:5px">Ratings Symbol: ' +
                                  `<input style="text-align:center" type="text" size="1" maxlength="1" value="${Settings.user.vbSym}" /></div>` +
                                  '<textarea style="display:block;height:200px;width:500px;font:12px monospace">' +
                                  Settings.user.vbTemplate + '</textarea>' +
                                  '<button id="edSave" style="margin:5px auto;width:33%;color:white;background:black">Save</button>' +
                                  '<button id="edDefault" style="margin:5px auto;width:33%;color:white;background:black">Restore Default</button>' +
                                  '<button id="edCancel" style="margin:5px auto;width:33%;color:white;background:black">Cancel</button>';
            this.node.querySelector('#edDefault').onclick = () => {
              this.node.querySelector('textarea').value = Settings.defaults.vbTemplate;
              this.node.querySelector('#edSave').click();
            };
            this.node.querySelector('#edSave').onclick = () => {
              Settings.user.vbTemplate = this.node.querySelector('textarea').value.trim();
              Settings.user.vbSym = this.node.querySelector('input').value;
              Settings.save();
              this.die();
              new Exporter({ target: this.caller });
            };
            break;
        }
        this.node.querySelector('#edCancel').onclick = () => this.die();
      },//}}}

      Core        = {//{{{
        active    : false,
        timer     : null,
        cooldown  : null,
        lastScrape: null,
        getPayload: function(page=1) {//{{{
          const user    = Settings.user,
                payload = {
                  legacy: {
                    searchWords       : user.search,
                    minReward         : user.pay,
                    qualifiedFor      : Interface.isLoggedout ? 'off' : (user.qual ? 'on' : 'off'),
                    requiresMasterQual: user.monly ? 'on' : 'off',
                    sortType          : '',
                    pageNumber        : page,
                    pageSize          : user.resultsPerPage || 50
                  },
                  next  : {
                    filters    : {
                      search_term: user.search,
                      qualified  : user.qual,
                      masters    : user.monly,
                      min_reward : user.pay
                    },
                    page_size  : user.resultsPerPage || 50,
                    sort       : '',
                    page_number: page,
                    format: 'json'
                  }
                };
          const sort = user.invert ? 'asc' : 'desc';
          switch (user.searchBy) {
            case 0:
              payload.legacy.sortType = `LastUpdatedTime:${+!user.invert}`;
              payload.next.sort = 'updated_' + sort;
              break;
            case 1:
              payload.legacy.sortType = `NumHITs:${+!user.invert}`;
              payload.next.sort = 'num_hits_' + sort;
              break;
            case 2:
              payload.legacy.sortType = `Reward:${+!user.invert}`;
              payload.next.sort = 'reward_' + sort;
              break;
            case 3:
              payload.legacy.sortType = `Title:${+user.invert}`;
              payload.next.sort = 'title_' + sort;
              break;
          }
          return payload;
        },//}}} Core::init
        run       : function(skiptoggle) {//{{{
          if (!skiptoggle) this.active = !this.active;
          this.cooldown = +Settings.user.refresh;
          clearTimeout(this.timer);
          Interface.resetTitle();
          if (this.active) {
            const next = ENV.HOST === ENV.NEXT;
            const path = next ? '/' : '/mturk/searchbar';
            const resType = next ? 'json' : 'document';
            Interface.Status.push('&nbsp;<b class="spinner"></b> Processing page: 1');
            this.fetch(path, this.getPayload(), resType);
          }
        },//}}} Core::run
        cruise    : function() {//{{{
          if (!this.active) return;
          if (--this.cooldown === 0) this.run(true);
          else {
            Interface.Status.cd();
            this.timer = setTimeout(this.cruise.bind(this), 1000);
          }
        },//}}}
        dispatch  : function(type, src) {//{{{
          switch (type) {
            case 'external':
              this.meld(src);
              break;
            case 'internal':
              if (ENV.HOST === ENV.LEGACY) {
                const error = src.querySelector('td[class="error_title"]');
                if (error && /page request/.test(error.textContent))
                  return setTimeout(this.fetch.bind(this), 3000, src.documentURI);
              }
              this.scrape(src);
              break;
            case 'control':
              const blocked   = scraperHistory.filter(v => v.current && v.blocked).length,
                    _rpp      = +Settings.user.resultsPerPage,
                    skiplimit = 5,
                    pagelimit = Settings.user.skips
                      ? ((+Settings.user.pages + Math.floor(blocked / _rpp) + (blocked % _rpp > 0.66 * _rpp
                        ? 1
                        : 0)) || 3)
                      : (+Settings.user.pages || 3);

              if (!this.active || !src.nextPageURL || src.page >= pagelimit || (pagelimit - Settings.user.pages) >= skiplimit || (Interface.isLoggedout && src.page === 20)) {
                if (Settings.user.disableTO)
                  this.meld();
                else {
                  const ids = scraperHistory.filter(v => v.current && v.TO === null && v.requester.id, true)
                                            .filter((v, i, a) => a.indexOf(v) === i).join();
                  if (!ids.length) return this.meld();
                  Interface.Status.push('&nbsp;<b class="spinner"></b> Retrieving TO data');
                  this.fetch(TO_API + ids, null, 'json');
                }
              } else {
                Interface.Status.push(`&nbsp;<b class="spinner"></b> Processing page: ${+src.page + 1}`);
                if (+src.page + 1 > +Settings.user.pages) Interface.Status.append('; Correcting for skips');
                setTimeout(this.fetch.bind(this), 250, src.nextPageURL, src.payload, src.responseType);
              }
              break;
          }
        },//}}} Core::dispatch
        scrapeNext: function(src) {
          src.results.forEach((v, i) => {
            const data = {
              discovery: Date.now(),
              title: v.title,
              index: src.page_number + ('00' + i).slice(-2),
              requester: { name: v.requester_name, id: v.requester_id, link: ENV.ORIGIN + v.requester_url },
              pay: '$' + v.monetary_reward.amount_in_dollars.toFixed(2),
              payRaw: v.monetary_reward.amount_in_dollars,
              time: v.assignment_duration_in_seconds,
              desc: v.description,
              quals: v.project_requirements.length ? v.project_requirements.map(getQuals) : ['None'],
              hit: { preview: ENV.ORIGIN + v.project_tasks_url, panda: ENV.ORIGIN + v.accept_project_task_url },
              groupId: v.hit_set_id,
              TO: null,
              masters: !!~v.project_requirements.findIndex(q => q.qualification_type_id === '2F1QJWKUDD8XADTFD2Q0G6UTO95ALH'),
              numHits: v.assignable_hits_count,
              blocked: false,
              included: false,
              current: true,
              qualified: v.caller_meets_requirements,
              viable: !~v.project_requirements.findIndex(q => q.caller_meets_requirement === false && q.qualification_type.is_requestable === false)
            };

            const listsxr  = this.crossRef(data.requester.name, data.title); //check block/include lists
            data.blocked = listsxr[0];
            data.included = listsxr[1];
            if (Settings.user.searchBy === 1 && +Settings.user.batch > 1 && +data.numHits < +Settings.user.batch) return;
            else if (Settings.user.gbatch && +Settings.user.batch > 1 && +data.numHits < +Settings.user.batch) return;
            else if (Settings.user.onlyViable && !data.viable) return;
            scraperHistory.set(data.groupId, data);
          }, this);

          const dispatchObj = {
            method: 'next',
            page: src.page_number,
            nextPageURL: src.num_results < Settings.user.resultsPerPage ? null : '/',
            payload: this.getPayload(src.page_number+1),
            responseType: 'json'
          };
          this.dispatch('control', dispatchObj);

          function getQuals(qual) {
            return `${qual.qualification_type.name} ${qual.comparator} ${qual.qualification_values.join()}`;
          }
        },
        scrape    : function(src) {//{{{
          if (ENV.HOST === ENV.NEXT) return this.scrapeNext(src);
          let page        = +src.documentURI.match(/pageNumber=(\d+)/)[1],
              nextPageURL = src.querySelector('img[src="/media/right_arrow.gif"]'),
              titles      = Array.from(src.querySelectorAll('a.capsulelink')),
              getCapsule  = n => {
                for (let i = 0; i < 7; i++) n = n.parentNode;
                return n;
              };
          nextPageURL = nextPageURL ? nextPageURL.parentNode.href : null;

          titles.forEach(function(v, i) {
            let capsule  = getCapsule(v),
                get      = q => capsule.querySelector(q),
                pad      = n => ('00' + n).slice(-2),
                qualrows = Array.prototype.slice.call(get('a[id^="qualifications"]').parentNode.parentNode.parentNode.rows, 1),
                viable   = true,
                capData  = {
                  discovery: Date.now(),
                  title    : v.textContent.trim(),
                  index    : page + pad(i),
                  requester: { name: get('.requesterIdentity').textContent, id: null, link: null, linkTemplate: null },
                  pay      : get('span.reward').textContent,
                  time     : get('a[id^="duration"]').parentNode.nextElementSibling.textContent,
                  desc     : get('a[id^="description"]').parentNode.nextElementSibling.textContent,
                  quals    : qualrows.length
                    ? qualrows.map(v => v.cells[0].textContent.trim().replace(/\s+/g, ' '))
                    : ['None'],
                  hit      : { preview: null, previewTemplate: null, panda: null, pandaTemplate: null },
                  groupId  : null,
                  TO       : null,
                  masters  : null,
                  numHits  : null,
                  blocked  : false,
                  included : false,
                  current  : true,
                  qualified: !Boolean(get('a[href*="notqualified?"],a[id^="private_hit"]'))
                },
                listsxr  = this.crossRef(capData.requester.name, capData.title); //check block/include lists
            capData.blocked = listsxr[0];
            capData.included = listsxr[1];
            capData.masters = /Masters/.test(capData.quals.join());

            if (Interface.isLoggedout) {
              capData.TO = '';
              capData.qualified = false;
              capData.numHits = 'n/a';
            } else {
              viable = !qualrows.map(v => v.cells[2].textContent).filter(v => v.includes('do not')).length;
              capData.numHits = get('a[id^="number_of_hits"]').parentNode.nextElementSibling.textContent.trim();
            }

            try { // groupid
              capData.groupId = get('a[href*="roupId="]').href.match(/[A-Z0-9]{30}/)[0];
            } catch(e) {
              void(e);
              capData.groupId = this.getHash(capData.requester.name + capData.title + capData.pay);
            }
            try { // requesterid, requester search link, groupid
              var _r = get('a[href*="requesterId"]');
              capData.requester.link = _r.href;
              capData.requester.id = _r.href.match(/[^=]+$/)[0];
            } catch(e) {
              void(e);
              capData.requester.link = '/mturk/searchbar?searchWords=' + window.encodeURIComponent(capData.requester.name);
            }
            try { // preview/panda links
              var _l = get('a[href*="preview?"]');
              capData.hit.preview = _l.href.split('?')[0] + '?groupId=' + capData.groupId;
              capData.hit.panda = capData.hit.preview.replace(/(\?)/, 'andaccept$1');
            } catch(e) {
              void(e);
              capData.hit.preview = 'https://www.mturk.com/mturk/searchbar?searchWords=' + window.encodeURIComponent(capData.title);
            }

            if (Settings.user.searchBy === 1 && +Settings.user.batch > 1 && +capData.numHits < +Settings.user.batch) return;
            else if (Settings.user.gbatch && +Settings.user.batch > 1 && +capData.numHits < +Settings.user.batch) return;
            else if (Settings.user.onlyViable && !viable) return;
            scraperHistory.set(capData.groupId, capData);
          }, this);

          this.dispatch('control', { method: 'legacy', page: page, nextPageURL: nextPageURL });
        },//}}} Core::scrape
        meld      : function() {//{{{
          let reviews                                                          = arguments.length ? arguments[0] : null,
              table = document.querySelector('#resultsTable').tBodies[0], html = [], field, /*_gp, _gq,*/
              getClassFromValue                                                = (val, type) => type === 'sim' ? (val > 4 ? 'toHigh' : (val > 3 ? 'toGood' : (val > 2
                ? 'toAverage'
                : 'toPoor')))
                : (val > 4.05 ? 'toHigh' : (val > 3.06 ? 'toGood' : (val > 2.4 ? 'toAverage' : (val > 1.7
                  ? 'toLow'
                  : 'toPoor')))),
              addRowHTML                                                       = r => {//{{{
                var _st = Interface.isLoggedout ? 'disabled' : '',
                    _sh = ex => Settings.user['export' + ex] ? '' : 'hidden',
                    _rt = r.blocked
                      ? ''
                      : `<div><button name="block" value="${r.requester.name}" style="width:15px" title="Block this requester">R</button>` +
                        `<button name="block" value="${r.title.replace(/"/g, '&quot;')}" style="width:15px" title="Block this title">T</button></div>`;
                return `<tr class="${r.included ? 'includelisted' : ''} ${shouldHide ? 'ignored hidden' : ''} ` +
                       `${r.blocked ? 'blocklisted' : ''} ${r.rowColor} ${r.shine ? 'shine' : ''}">` +
                       `<td>${_rt}<div><a class="static" target="_blank" href="${r.requester.link}">${r.requester.name}</a><div></td>` +
                       `<td><div><button class="ex vb ${_st} ${_sh('Vb')}" style="width:30px" data-gid="${r.groupId}">vB</button> 
             <button class="ex irc ${_st} ${_sh('Irc')}" style="width:30px" data-gid="${r.groupId}">IRC</button> 
             <button class="ex hwtf ${_st} ${_sh('Hwtf')}" style="width:33px" data-gid="${r.groupId}">HWTF</button></div><div>
             <a title="Description:  ${r.desc.replace(/"/g, '&quot;')}\n\nQualifications:  ${r.quals.join('; ')}" target="_blank" href="${r.hit.preview}">${r.title}</a>
             </div></td>` +
                       `<td style="text-align:center"><a target="_blank" ${r.hit.panda
                         ? 'href="' + r.hit.panda + '"'
                         : ''}>${r.pay}</a></td>` +
                       `<td style="text-align:center" >${r.numHits}</td>` +
                       `<td style="text-align:center"><a class="static toLink" target="_blank" data-rid="${r.requester.id
                         ? r.requester.id
                         : 'null'}" ` +
                       (r.requester.id ? 'href="' + TO_REPORTS + r.requester.id + '"' : '') + '>' +
                       (r.TO ? r.TO.attrs.pay : 'n/a') + createTooltip('to', r.TO) + '</a></td>' +
                       `<td class="${r.masters ? 'reqmaster' : 'nomaster'}" style="text-align:center">${r.masters
                         ? 'Y'
                         : 'N'}</td>` +
                       `<td class="db nohitDB" data-index="requester${r.requester.id ? 'Id' : 'Name'}" 
              data-value="${r.requester[r.requester.id ? 'id' : 'name']}" data-cmp-value="${r.title}" 
              data-cmp-index="title" style="text-align:center;cursor:default">R</td>` +
                       `<td class="db nohitDB" data-index="title" data-value="${r.title}" data-cmp-value="${r.requester.name}" 
              data-cmp-index="requesterName" style="text-align:center;cursor:default">T</td>` +
                       `${r.qualified ? '' : '<td class="tooweak" title="Not qualified to work on this HIT">NQ</td>'}` +
                       '</tr>';
              },//}}}
              setRowColor                                                      = r => {
                var _t = Settings.user.colorType;
                if (!r.TO || r.TO.reviews < 5) {
                  r.rowColor = 'toNone';
                  return;
                }
                r.rowColor = getClassFromValue(_t === 'sim' ? r.TO.attrs.qual : r.TO.attrs.adjQual, _t);
              },
              bubbleNewHits                                                    = a => {
                var _new, _old = [];
                _new = a.filter(v => v.shine ? true : _old.push(v) && false);
                return _new.concat(_old);
              };

          if (reviews) scraperHistory.updateTOData(prepReviews(reviews));
          let results = scraperHistory.filter(v => {
            if (!v.current) return false;
            v.current = false;
            if (Settings.user.mhide && v.masters) return false;
            else return true;
          });

          // sorting
          if (!Interface.isLoggedout && !Settings.user.disableTO && Settings.user.sortPay !== Settings.user.sortAll) {
            if (Settings.user.sortPay)
              field = Settings.user.sortType === 'sim' ? 'pay' : 'adjPay';
            else if (Settings.user.sortAll)
              field = Settings.user.sortType === 'sim' ? 'qual' : 'adjQual';

            results.sort((a, b) => {
              a = a.TO ? +a.TO.attrs[field] : 0;
              b = b.TO ? +b.TO.attrs[field] : 0;
              return b - a;
            });
            if (Settings.user.sortAsc) results.reverse();
          } else
            results.sort((a, b) => a.index - b.index);

          // populating
          const counts = { total: results.length, new: 0, newVis: 0, ignored: 0, blocked: 0, included: 0, incNew: 0 };
          for (let r of (Settings.user.bubbleNew ? bubbleNewHits(results) : results)) {
            var shouldHide = Boolean((Settings.user.hideBlock && r.blocked) || (Settings.user.hideNoTO && !r.TO) ||
                                     (Settings.user.minTOPay && r.TO && +r.TO.attrs.pay < +Settings.user.minTOPay));
            counts.new += r.isNew ? 1 : 0;
            counts.newVis += r.isNew && !shouldHide ? 1 : 0;
            counts.ignored += shouldHide ? 1 : 0;
            counts.blocked += r.blocked ? 1 : 0;
            counts.included += r.included ? 1 : 0;
            counts.incNew += r.included && r.isNew ? 1 : 0;
            setRowColor(r);
            html.push(addRowHTML(r));
          }
          table.innerHTML = html.join('');
          this.notify(counts);

          Array.from(table.querySelectorAll('.db')).forEach(v => HITStorage.test(v));

          if (this.active) {
            if (this.cooldown === 0) Interface.buttons.main.click();
            else {
              this.timer = setTimeout(this.cruise.bind(this), 1000);
              Interface.Status.append(`<br />Scraping again in ${this.cooldown} seconds`);
            }
          }
          results = null;
          reviews = null;
          this.lastScrape = Date.now();
        },//}}}
        getHash   : function(str) {//{{{
          var hash = 0, ch;
          for (var i = 0; i < str.length; i++) {
            ch = str.charCodeAt(i);
            hash = ch + (hash << 6) + (hash << 16) - hash;
          }
          return hash;
        },//}}} Core::getHash
        fetch     : function(url, payload, responseType, inline) {//{{{
          const enc = window.encodeURIComponent;
          responseType = responseType || 'document';
          inline = inline === undefined ? true : inline;
          if (payload) {
            const key = ENV.HOST === ENV.NEXT ? 'next' : 'legacy';
            payload = payload[key];
            url += '?' + Object.entries(payload).map(stringify).join('&');
          }

          function stringify(v) {
            const predicate = typeof v[1] !== 'string' && !(v[1] instanceof Array) ? Object.entries(v[1]) : '';
            if (predicate.length)
              return predicate.map(vp => (vp[0] = enc(`${v[0]}[${vp[0]}]`)) && vp) // 0 = o[i] => o%5Bi%5D
                              .map(stringify)
                              .join('&');
            return `${v[0]}=${enc(v[1])}`;
          }

          const _p = new Promise(function(accept, rej) {
            const xhr = new XMLHttpRequest();
            xhr.open('GET', url, true);
            xhr.responseType = responseType;
            xhr.timeout = 6000;
            xhr.send();
            xhr.onload = function() {
              if (this.status === 200) accept(this.response);
              else rej(new Error(this.status + ' - ' + this.statusText));
            };
            xhr.onerror = function() {
              rej(new Error(this.status + ' - ' + this.statusText));
              console.log('error: ', this);
            };
            xhr.ontimeout = function() {
              rej(new Error('Request timed out - ' + url));
              console.log('timeout: ', this);
            };
          });
          const source = url.split('?')[0].includes('turkopticon') ? 'external' : 'internal';
          if (inline) _p.then(this.dispatch.bind(this, source), err => {
            console.warn(err);
            this.meld.apply(this);
          });
          else return _p;
        },//}}} Core::fetch
        crossRef  : function(...needles) {//{{{
          var found = [false, false], s;
          if (Settings.user.onlyIncludes) { // everything not in includelist gets blocked, unless includelist is empty or doesn't exist
            var list = (localStorage.getItem('scraper_include_list') || '').toLowerCase().split('^');
            if (list.length === 1 && !list[0].length) return found; // includelist is empty
            for (s of needles) {
              found[1] = Boolean(~list.indexOf(s.toLowerCase().replace(/\s+/g, ' ')));
              if (found[1]) {
                found[0] = false;
                break;
              } else
                found[0] = true;
            }
            return found;
          } else {
            if (localStorage.getItem('scraper_ignore_list') === null) new Editor().setDefaultBlocks();
            var blist      = (localStorage.getItem('scraper_ignore_list') || '').toLowerCase().split('^'),
                ilist      = (localStorage.getItem('scraper_include_list') || '').toLowerCase().split('^'),
                blist_wild = Settings.user.wildblocks ? blist.filter(v => /.*?[*].*/.test(v)) : null;
            if (blist_wild) blist_wild.forEach((v, i, a) =>
                                                 a[i] = new RegExp('^' + (v.replace(/([+${}[\](\)^|?.\\])/g, '\\$1') // escape non wildcard special chars
                                                                           .replace(/([^*]|^)[*](?!\*)/g, '$1.*') // turn
                                                                           // glob
                                                                           // into
                                                                           // regex
                                                                           .replace(/\*{2,}/g, s => s.replace(/\*/g, '\\$&'))) + '$'), 'i'); // escape consecutive asterisks
            for (s of needles) {
              found[0] = found[0] || Boolean(~blist.indexOf(s.toLowerCase().replace(/\s+/g, ' ')));
              found[1] = found[1] || Boolean(~ilist.indexOf(s.toLowerCase().replace(/\s+/g, ' ')));
              if (blist_wild && blist_wild.length && !found[0])
                for (var i = 0; !found[0] && i < blist_wild.length; i++) found[0] = blist_wild[i].test(s.toLowerCase().replace(/\s+/g, ' '));
            }
            return found; // [ blocklist,includelist ]
          }
        },//}}} Core::crossRef
        notify    : function(c) {//{{{
          var s = ['Scrape Complete: '];
          s.push(c.total > 0 ? `${c.total} HIT${c.total > 1 ? 's' : ''}` : '<b>No HITs found.</b>');
          if (c.new) s.push(`<i></i>${c.new} new`);
          if (c.newVis !== c.new) s.push(` (${c.newVis} shown)`);
          if (c.included) s.push(`<i></i><b>${c.included} from includelist</b>`);
          if (c.ignored) s.push(`<i></i>${c.ignored} hidden -- `);
          if (c.blocked) s.push(`${c.ignored ? '' : '<i></i>'}${c.blocked} from blocklist`);
          if (c.ignored - c.blocked > 0) s.push(`${c.blocked
            ? '<i></i>'
            : ''}${c.ignored - c.blocked} below TO threshold`);
          Interface.Status.push(s.join(''));

          if (c.newVis && Settings.user.notifySound[0]) document.getElementById(Settings.user.notifySound[1]).play();
          if (!c.newVis || Interface.focused) return;
          document.title = `[${c.newVis} new]` + DOC_TITLE;
          if (Settings.user.notifyBlink) Interface.blackhole.blink =
            setInterval(() => document.title = /scraper/i.test(document.title)
              ? `${c.newVis} new HITs`
              : DOC_TITLE, 1000);
          if (Settings.user.notifyTaskbar && Notification.permission === 'granted') {
            var inc = c.incNew ? ` (${c.incNew} from includelist)` : '',
                n   = new Notification('HITScraper found ' + c.newVis + ' new HITs' + inc);
            n.onclick = n.close;
            setTimeout(n.close.bind(n), 5000);
          }
        }//}}} Core::notify
      },//}}} Core

      Exporter    = function(e) {//{{{
        Interface.toggleOverflow('on');
        this.caller = e.target;
        this.node = document.body.appendChild(document.createElement('DIV'));
        this.node.classList.add('pop');
        this.die = () => {
          Interface.toggleOverflow('off');
          this.node.remove();
        };
        this.record = scraperHistory.get(this.caller.dataset.gid);

        if (Interface.isLoggedout) return this.die();

        var _vb   = () => {//{{{
              var
                getColor       = attr => {
                  switch (attr) {
                    case 5:
                    case 4:
                      return 'green';
                    case 3:
                      return 'yellow';
                    case 2:
                      return 'orange';
                    case 1:
                      return 'red';
                    default:
                      return 'white';
                  }
                },
                templateVars   = {//{{{
                  title        : this.record.title,
                  requesterName: this.record.requester.name,
                  requesterLink: this.record.requester.link,
                  requesterId  : this.record.requester.id,
                  description  : this.record.desc,
                  reward       : this.record.pay,
                  quals        : this.record.quals.join(';').replace(/(;?)(\w* ?Masters.+?)(;?)/g, '$1[COLOR=red][b]$2[/b][/COLOR]$3'),
                  previewLink  : this.record.hit.preview,
                  pandaLink    : this.record.hit.panda,
                  time         : this.record.time,
                  numHits      : this.record.numHits,
                  toImg        : '', // deprecated
                  toCompact    : (function() {//{{{
                    var _to = this.record.TO, txt = ['[b]'], color;
                    if (!_to) return 'TO Unavailable';
                    for (var a of ['comm', 'pay', 'fair', 'fast']) {
                      color = getColor(Math.floor(_to.attrs[a]));
                      txt.push(`[ ${a}: [COLOR=${color}]${_to.attrs[a]}[/COLOR] ]`);
                    }
                    return txt.join('') + '[/b]';
                  }).apply(this),//}}} toCompact
                  toVerbose    : (function() {//{{{
                    var _to = this.record.TO, txt = [], color, _attr, sym = Settings.user.vbSym,
                        _long                                             = { comm: 'Communicativity', pay: 'Generosity', fair: 'Fairness', fast: 'Promptness' };
                    if (!_to) return 'TO Unavailable';
                    for (var a of ['comm', 'pay', 'fair', 'fast']) {
                      _attr = Math.floor(_to.attrs[a]);
                      color = getColor(_attr);
                      txt.push((_attr > 0 ? (`[COLOR=${color}]${sym.repeat(_attr)}[/COLOR]` + (_attr < 5
                        ? `[COLOR=white]${sym.repeat(5 - _attr)}[/COLOR]`
                        : ''))
                        : '[COLOR=white]' + sym.repeat(5) + '[/COLOR]') + ` ${_to.attrs[a]} ${_long[a]}`);
                    }
                    return txt.join('\n');
                  }).apply(this),//}}} toText
                  toFoot       : (function() {//{{{
                    var _to       = this.record.TO,
                        payload   = `requester[amzn_id]=${this.record.requester.id}&requester[amzn_name]=${this.record.requester.name}`,
                        newReview = `[URL="${TO_BASE + 'report?' + payload}"]Submit a new TO review[/URL]`;
                    if (!_to) return newReview;
                    return `Number of Reviews: ${_to.reviews} | TOS Flags: ${_to.tos_flags}\n` + newReview;
                  }).apply(this)//}}} toFoot
                },//}}} templateVars obj
                createTemplate = function(str) {
                  /*jshint -W054*/ // ignore evil due to required eval (function constructor)
                  // TODO: find a concise way to dynamically generate a template without using eval
                  var _str = str.replace(/\$\{ *([-\w\d.]+) *\}/g, (_, p1) => `\$\{vars.${p1}\}`);
                  return new Function('vars', `try {return \`${_str}\`} catch(e) {return "Error in template: "+e.message}`);
                };
              templateVars.toText = templateVars.toVerbose; // temporary backwards compatibility
              this.node.innerHTML = '<p>vB Export</p>' +
                                    '<textarea style="display:block;padding:2px;margin:auto;height:250px;width:500px" tabindex="1">' +
                                    createTemplate(Settings.user.vbTemplate)(templateVars) + '</textarea>' +
                                    '<button id="exTemplate" style="margin-top:5px;width:50%;color:white;background:black">Edit Template</button>' +
                                    '<button id="exClose" style="margin-top:5px;width:50%;color:white;background:black">Close</button>';
              this.node.querySelector('#exTemplate').onclick = () => {
                this.die();
                new Editor('vbTemplate', this.caller);
              };
              this.node.querySelector('#exClose').onclick = this.die;
              this.node.querySelector('textarea').select();
            },//}}}
            _irc  = () => {//{{{
              // custom MTurk/TO url shortener courtesy of Tjololo
              var api                       = 'https://ns4t.net/yourls-api.php?action=bulkshortener&title=MTurk&signature=39f6cf4959',
                  urlArr = [], payload, sym = '\u2022', // sym = bullet
                  getTO                     = () => {
                    var _to = this.record.TO;
                    if (!_to) return 'Unavailable';
                    else return `Pay=${_to.attrs.pay} Fair=${_to.attrs.fair} Comm=${_to.attrs.comm}`;
                  };

              urlArr.push(window.encodeURIComponent(this.record.requester.link));
              urlArr.push(window.encodeURIComponent(this.record.hit.preview));
              urlArr.push(window.encodeURIComponent(TO_REPORTS + this.record.requester.id));
              urlArr.push(window.encodeURIComponent(this.record.hit.panda));
              payload = '&urls[]=' + urlArr.join('&urls[]=');

              this.node.innerHTML = '<span style="font-size:16px">Shortening URLs... <i class="spinner"></i></span>';
              Core.fetch(api + payload, null, 'text', false).then(r => {
                urlArr = r.split(';').slice(0, 4);
                this.node.innerHTML = '<p>IRC Export</p>' +
                                      '<textarea style="display:block;padding:2px;margin:auto;height:130px;width:500px" tabindex="1">' +
                                      (/masters/i.test(this.record.quals.join()) ? `MASTERS ${sym} ` : '') +
                                      `Requester: ${this.record.requester.name} ${urlArr[0]} ${sym} HIT: ${this.record.title} ` +
                                      `${urlArr[1]} ${sym} Pay: ${this.record.pay} ${sym} Avail: ${this.record.numHits} ${sym} ` +
                                      `Limit: ${this.record.time} ${sym} TO: ${getTO()} ${urlArr[2]} ${sym} PandA: ${urlArr[3]}</textarea>` +
                                      '<button id="exClose" style="width:100%;padding:5px;margin-top:5px;background:black;color:white">Close</button>';
                this.node.querySelector('textarea').select();
                this.node.querySelector('#exClose').onclick = this.die;
              }, err => {
                console.error(err);
                this.die();
              });
            },//}}}
            _hwtf = () => {//{{{
              var _location = 'ICA', _quals, _masters = '', _title, _r = this.record, tIndex;
              // format qualifications string
              _quals = _r.quals.map(v => {
                if (/(is US|: US$)/.test(v))
                  _location = 'US';
                else if (/Masters/.test(v))
                  _masters = `[${v.match(/.*Masters/)[0].toUpperCase()}]`;
                else if (/approv[aled]+ (rate|HITs)/.test(v))
                  return v.replace(/.+ is (.+) than (\d+)/, (_, p1, p2) => {
                    if (/^(not g|less)/.test(p1)) return '<' + p2 + (/%/.test(_) ? '%' : '');
                    else if (/^(not l|greater)/.test(p1)) return '>' + p2 + (/%/.test(_) ? '%' : '');
                    else console.error('match error', [_, p1, p2]);
                    return _;
                  });
                else
                  return v;
              }).filter(v => v).sort(a => /[><]/.test(a) ? -1 : 1);
              _title = `${_location} - ${_r.title} - ${_r.requester.name} - ${_r.pay}/COMTIME - (${_quals.join(', ') || 'None'}) ${_masters}`;
              tIndex = _title.search(/COMTIME/);
              this.node.style.whiteSpace = 'nowrap';
              this.node.innerHTML = '<p style="width:500px;white-space:normal">' +
                                    '/r/HitsWorthTurkingFor Export: Use the buttons on the left for single-click copying. ' +
                                    'Before you post, please remember to replace "COMTIME" with how long it took you to complete the HIT.</p>' +
                                    '<button class="exhwtf" style="height:65px">Title</button>' +
                                    '<textarea style="padding:2px;margin:auto;height:60px;width:430px;resize:none" tabindex="1" autofocus>' +
                                    _title + '</textarea><br />' + '<button class="exhwtf" style="height:35px">Preview</button>' +
                                    '<textarea style="padding:2px;margin:auto;height:30px;width:430px;resize:none" tabindex="2">' +
                                    'Preview: ' + _r.hit.preview + '</textarea><br />' + '<button class="exhwtf" style="height:35px;">Req</button>' +
                                    '<textarea style="padding:2px;margin:auto;height:30px;width:430px;resize:none" tabindex="3">' +
                                    'Req: ' + _r.requester.link + '</textarea><br />' + '<button class="exhwtf" style="height:35px;">PandA</button>' +
                                    '<textarea style="padding:2px;margin:auto;height:30px;width:430px;resize:none" tabindex="4">' +
                                    'PandA: ' + _r.hit.panda + '</textarea><br />' + '<button class="exhwtf" style="height:35px;">TO</button>' +
                                    '<textarea style="padding:2px;margin:auto;height:30px;width:430px;resize:none" tabindex="5">' +
                                    'TO: ' + TO_REPORTS + _r.requester.id + '</textarea><br />' +
                                    '<button id="exClose" style="width:100%;padding:5px;margin-top:5px;background:black;color:white">Close</button>';

              var copyfn = function(e) {
                e.target.nextSibling.select();
                document.execCommand('copy');
              };
              Array.from(this.node.querySelectorAll('.exhwtf')).forEach(v => v.onclick = copyfn);
              this.node.querySelector('#exClose').onclick = this.die;
              this.node.querySelector('textarea').setSelectionRange(tIndex, tIndex + 7);
            };//}}}

        switch (this.caller.textContent.toLowerCase()) {
          case 'vb':
            _vb();
            break;
          case 'irc':
            _irc();
            break;
          case 'hwtf':
            _hwtf();
            break;
        }
      },//}}} Exporter

      HITStorage  = {//{{{
        db    : null,
        attach: function(name) {//{{{
          var dbh = window.indexedDB.open(name);
          dbh.onversionchange = e => {
            e.target.result.close();
            console.info('DB connection closed by external source');
          };
          dbh.onsuccess = e => this.db = e.target.result;
        },//}}} HITStorage::attach
        test  : function(node) {//{{{
          if (!this.db || !this.db.objectStoreNames.contains('HIT')) return;
          this.db.transaction('HIT', 'readonly').objectStore('HIT').index(node.dataset.index).get(node.dataset.value)
            .onsuccess = e => { if (e.target.result) node.className = node.className.replace(/no/, ''); };
        },//}}} HITStorage::test
        query : function(node) {//{{{
          var range = window.IDBKeyRange.only(node.dataset.value), results = [];
          return new Promise((a, r) => {
            if (!this.db || !this.db.objectStoreNames.contains('HIT')) r(0);
            this.db.transaction('HIT', 'readonly').objectStore('HIT').index(node.dataset.index).openCursor(range)
              .onsuccess = e => {
              if (e.target.result) {
                results.push(e.target.result.value);
                e.target.result.continue();
              } else
                a(results.sort((a, b) => a.date > b.date ? 1 : -1));
            };
          });
        }//}}} HITStorage::query
      },//}}} HITStorage

      FileHandler = {//{{{
        exports: function() {//{{{
          var obj  = {
                settings    : JSON.stringify(Settings.user),
                ignore_list : localStorage.getItem('scraper_ignore_list') || '',
                include_list: localStorage.getItem('scraper_include_list') || ''
              },
              blob = new Blob([JSON.stringify(obj)], { type: 'application/json' }),
              a    = document.body.appendChild(document.createElement('a'));
          a.href = URL.createObjectURL(blob);
          a.download = 'hitscraper_settings.json';
          a.click();
          a.remove();
        },//}}}
        imports: function(e) {//{{{
          var f       = e.target.files,
              invalid = () => Settings.main.querySelector('#eisStatus').textContent = 'Invalid file.';
          if (!f.length) return;
          if (!f[0].name.includes('json')) return invalid();
          var reader = new FileReader();
          reader.readAsText(f[0]);
          reader.onload = function() {
            var obj;
            try { obj = JSON.parse(this.result); } catch(err) { return invalid(); }
            for (var key of ['settings', 'ignore_list', 'include_list']) {
              if (key in obj && typeof obj[key] === 'string')
                localStorage.setItem('scraper_' + key, obj[key]);
            }
            initialize();
          };
        }//}}}
      };//}}} FileHandler

  function initialize() {//{{{
    Settings.user = Object.assign({}, Settings.defaults, JSON.parse(localStorage.getItem('scraper_settings')));
    Interface.draw().init();
    scraperHistory = new ScraperCache(650);
  }//}}}

  function createTooltip(type, obj) {//{{{
    var html, bullet = li => `<ul><li>${li}</li></ul>`,
        reason       = Settings.user.disableTO ? bullet('TO disabled in user settings')
          : (Interface.isLoggedout ? bullet('Cannot retrieve TO while logged out')
            : (obj === '' ? bullet('Requester has not been reviewed yet') : bullet('Invalid response from server'))),
        _genMeters   = function() {
          var attrmap = { comm: 'Communicativity', pay: 'Generosity', fair: 'Fairness', fast: 'Promptness' }, html = [];
          for (var k in attrmap) {
            if (attrmap.hasOwnProperty(k)) {
              html.push(`<meter min="0.8" low="2.5" high="3.4" optimum="5" max="5" value=${obj.attrs[k]} data-attr=${attrmap[k]}></meter>`);
            }
          }
          if (ENV.ISFF) // firefox is shitty and doesn't support ::after/::before pseudo-elements on meter elements
            html.forEach((v, i, a) => a[i] = '<div style="position:relative">' + v +
                                             `<span class="ffmb">${attrmap[Object.keys(attrmap)[i]]}</span>` +
                                             `<span class="ffma">${obj.attrs[Object.keys(attrmap)[i]]}</span></div>`);
          return html.join('');
        };

    if (!obj) {
      html = `<div class="tooltip" style="width:260px;"><p style="padding-left:5px">Turkopticon data unavailable:${reason}</p></div>`;
    } else if (type === 'to')
      html = `<div class="tooltip" style="width:260px">
        <p style="padding-left:5px"><b>${obj.name}</b><br />Reviews: ${obj.reviews} | TOS Flags: ${obj.tos_flags}</p>
        ${_genMeters()}</div>`;
    /*<table style="margin-top:6px;width:100%;font-size:10px"><tr><td>Adjusted Pay</td><td>${obj.attrs.adjPay}</td>
    <td>${getClassFromValue(obj.attrs.adjPay, 'adj').slice(2)}</td></tr><tr><td>Weighted Score</td><td>${obj.attrs.qual}</td>
    <td>${getClassFromValue(obj.attrs.qual, 'sim').slice(2)}</td></tr><tr><td>Adjusted Score</td><td>${obj.attrs.adjQual}</td>
    <td>${getClassFromValue(obj.attrs.adjQual, 'adj').slice(2)}</td></tr></table></div>;*/
    else // XXX not used atm
      html = `<div class="tooltip" style="width:300px"><dl><dt>description</dt><dd>${obj.desc}</dd>
        <dt>qualifications</dt><dd>${obj.quals}</dd></dl>`;

    return html;
  }//}}}

  function prepReviews(reviews) {
    const adj = (x, n) => ((x * n + 15) / (n + 5)) - 1.645 * Math.sqrt((Math.pow(1.0693 * x, 2) - Math.pow(x, 2)) / (n + 5));
    Object.keys(reviews).forEach(rid => {
      if (typeof reviews[rid] === 'string') return delete reviews[rid]; // no reviews yet

      //adjust ratings
      let n = 0, d = 0;
      Object.keys(reviews[rid].attrs).forEach(attr => {
        n += reviews[rid].attrs[attr] * Settings.user.toWeights[attr];
        d += +Settings.user.toWeights[attr];
      });
      reviews[rid].attrs.qual = (n / d).toPrecision(4);
      reviews[rid].attrs.adjQual = adj(n / d, +reviews[rid].reviews).toPrecision(4);
      reviews[rid].attrs.adjPay = adj(+reviews[rid].attrs.pay, +reviews[rid].reviews).toPrecision(4);
    });
    return reviews;
  }

  class Cache {
    constructor(limit = 500) {
      this.limit = limit;
      this._length = 0;
      this._cache = Object.create(null);
      this._tmp = Object.create(null);
    }

    get(key) {
      let val = this._cache[key];
      if (val)
        return val;
      else if ((val = this._tmp[key]))
        return this._update(key, val);
      else
        return null;
    }

    set(key, value) {
      if (this._cache[key])
        return (this._cache[key] = value);
      else
        this._update(key, value);
    }

    has(key) {
      return !!this.get(key);
    }

    _update(key, value) {
      this._cache[key] = value;
      if (++this._length > this.limit) {
        this._length = 0;
        this._tmp = this._cache;
        this._cache = Object.create(null);
      }
      return value;
    }
  }

  class ScraperCache extends Cache {
    constructor(limit = 500) {
      super(limit);
      this._toCache = new TOCache();
    }

    set(key, value) {
      const first = !Core.lastScrape;
      if (this.get(key)) { // exists
        const age = Math.floor((Date.now() - this._cache[key].discovery) / 1000),
              obj = { isNew: false, shine: !!(this._cache[key].shine && age < +Settings.user.shine && !first) };
        value.discovery = this._cache[key].discovery;
        return (this._cache[key] = Object.assign(value, obj));
      } else { // new
        const obj = { isNew: !first, shine: !first, TO: this._toCache.get(value.requester.id) };
        this._update(key, Object.assign(value, obj));
      }
    }

    filter(callback, rids = false) {
      const results = [], keys = Object.keys(this._cache);
      Object.keys(this._cache).forEach(key => {
        const val = this.get(key);
        if (callback(val, key, this._cache))
          results.push(rids ? val.requester.id : val);
      });
      return results;
    }

    updateTOData(reviews) {
      this._toCache.setBatch(reviews);
      this.filter(v => v.current && v.TO === null).forEach(group => {
        if (this._toCache.has(group.requester.id))
          this._cache[group.groupId].TO = Object.assign(this._toCache.get(group.requester.id), { name: group.requester.name });
      });
    }
  }

  class TOCache extends Cache {
    setBatch(reviews) {
      if (!reviews) return null;
      Object.keys(reviews).forEach(rid => this._update(rid, reviews[rid]));
      return reviews;
    }
  }

  const kb = { ESC: 27, ENTER: 13 };

  function Dialogue(caller) {//{{{
    Interface.toggleOverflow('on');
    this.node = document.body.appendChild(document.createElement('DIV'));
    this.die = () => {
      Interface.toggleOverflow('off');
      this.node.remove();
    };
    this.node.style.cssText = 'position:fixed;z-index:20;top:15%;left:50%;width:320px;padding:20px;transform:translate(-50%);' +
                              'background:#000;color:#fff;box-shadow:0px 0px 6px 1px #fff';
    var target = caller.textContent === 'R' ? 'requester' : 'title';
    this.node.innerHTML = `<p><b>Add this ${target} to the blocklist?</b></p><p>"${caller.value}"</p>
      <div style="text-align:right;margin-right:30px;margin-top:10px;padding-top:10px">
      <button id="confirm" style="font-weight:bold;padding:7px;width:65px">OK</button>
      <button id="cancel" style="padding:7px;width:65px;">Cancel</button></div>`;
    this.node.querySelector('#confirm').onclick = () => {
      var bl = localStorage.getItem('scraper_ignore_list'), bstr = caller.value.toLowerCase().replace(/\s+/g, ' ');
      if (!bl) bl = bstr;
      else if (bl.slice(-1) === '^') bl += bstr;
      else bl += '^' + bstr;
      localStorage.setItem('scraper_ignore_list', bl);

      Array.prototype.forEach.call(document.getElementById('resultsTable').tBodies[0].rows, v => {
        var c0 = v.cells[0].lastChild.textContent, c1 = v.cells[1].lastChild.textContent.trim();
        if (v.classList.contains('blocklisted') || c0 !== caller.value && c1 !== caller.value) return;
        v.cells[0].firstChild.remove();
        return v.classList.add('blocklisted') || Settings.user.hideBlock && v.classList.add('hidden');
      });
      this.die();
    };
    this.node.querySelector('#cancel').onclick = this.die;
    this.node.addEventListener('keydown', e => {
      if (e.keyCode === kb.ESC)
        this.die();
    }, true);
    this.node.querySelector('#confirm').focus();
  }//}}}

  function DBQuery(node) {//{{{
    Interface.toggleOverflow('on');
    this.node = document.body.appendChild(document.createElement('DIV'));
    this.die = () => {
      this.node.remove();
      Interface.toggleOverflow('off');
    };
    this.node.style.cssText = 'position:fixed;z-index:20;top:50%;left:50%;padding:8px;' +
                              'background:#fff;color:#000;box-shadow:0px 0px 6px 1px #bfbfbf;transform:translate(-50%,-50%);';
    this.node.innerHTML = '<div style="text-align:center;font-size:16px;"><p><b>Querying database... <i class="spinner"></i></b></p></div>';
    HITStorage.query(node).then(r => {
      var _tbody = [], _tfoot, t = { hits: 0, app: 0, rej: 0, pen: 0 },
          _thead                 = '<tr style="background:lightgrey;color:black"><th style="width:90px;padding:5px">Date</th>' +
                                   '<th style="width:120px">Requester</th><th>Title</th><th>Pay</th><th>Bonus</th><th>Status</th><th>Feedback</th></tr>',
          html                   = '<div style="position:absolute;top:0;left:0;margin:0;text-align:right;padding:0px;border:none;width:100%">' +
                                   '<label id="close" class="close" title="Close">&#160;&#10008;&#160;</label></div>';
      if (!r.length)
        html += `<h2>Nothing found matching "${node.dataset.value}"</h2>`;
      else {
        r.forEach((v, i) => {
          var _pay, _bonus, _sc, _bg;
          if (typeof v.reward === 'object') {
            _pay = '$' + v.reward.pay.toFixed(2);
            _bonus = v.reward.bonus > 0 ? '$' + v.reward.bonus.toFixed(2) : '';
          } else {
            _pay = '$' + v.reward.toFixed(2);
            _bonus = '';
          }

          _sc = /(paid|approved)/i.test(v.status) ? 'green' : (/approval/i.test(v.status) ? 'orange' : 'red');
          _bg = v[node.dataset.cmpIndex] === node.dataset.cmpValue ? 'lightgreen' : (i % 2 ? '#F1F3EB' : '#fff');
          _tbody.push(`<tr style="background:${_bg}">
            <td>${v.date}</td><td>${v.requesterName}</td><td>${v.title}</td><td>${_pay}</td><td>${_bonus}</td>
            <td style="color:${_sc}">${v.status}</td><td>${v.feedback}</td></tr>`);
          t.hits++;
          t.app += /(paid|approved)/i.test(v.status) ? +_pay.slice(1) : 0;
          t.rej += /rejected/i.test(v.status) ? +_pay.slice(1) : 0;
          t.pen += /approval/i.test(v.status) ? +_pay.slice(1) : 0;
        });
        _tfoot = `<tr style="background:lightgrey;text-align:center"><td colspan="7">${t.hits} HITs: $${t.app.toFixed(2)} approved, 
          $${t.pen.toFixed(2)} pending, $${t.rej.toFixed(2)} rejected</td>`;
        html += `<div style="margin-top:20px;width:100%;height:calc(100% - 20px);overflow:auto">
          <table style="border:1px solid black;border-collapse:collapse;width:100%">
          <thead>${_thead}</thead><tbody>${_tbody.join('')}</tbody><tfoot>${_tfoot}</tfoot></table></div>`;
      }
      this.node.style.cssText += `width:85%;${r.length ? 'height:85%;' : 'max-height:85%;'}`;
      this.node.innerHTML = html;
      this.node.querySelector('#close').onclick = this.die;
    }, () => this.die());
  }//}}}

  // helpers
  function on(target, type, handler) { target.addEventListener(type, handler); }

  function delegate(target, selector, type, handler) {
    function dispatcher(event) {
      const targets = target.querySelectorAll(selector);
      let i = targets.length;

      while (i--) {
        if (event.target === targets[i]) {
          handler(event);
          break;
        }
      }
    }

    on(target, type, dispatcher);
  }

  Object.entries = Object.entries || function(obj) {
    const props = Object.keys(obj);
    let i = props.length;
    const objArray = new Array(i);
    while (i--) objArray[i] = [props[i], obj[props[i]]];
    return objArray;
  };

  // event handlers
  function tomouseover(e) {
    e.target.children[0].style.display = 'block';
    const tt = e.target.children[0], rect = tt.getBoundingClientRect();
    if (rect.height > (window.innerHeight - e.clientY)) tt.style.transform = 'translateY(calc(-100% + 22px))';
  }

  function tomouseout(e) {
    const tt = e.target.querySelector('.tooltip');
    if (!tt) return;
    tt.style.transform = '';
    tt.style.display = 'none';
  }

  // ep
  console.log('HS hook');
  if (document.getElementById('control_panel')) {
    if (confirm('Another version of HITScraper was detected and has already claimed this page. Open HITScraper in a new tab?'))
      window.open('https://www.mturk.com/mturk/findhits?match=true?hit_scraper-dev');
  } else {
    initialize();
    HITStorage.attach('HITDB');
    const rt = document.getElementById('resultsTable');
    delegate(rt, 'tr:not(hidden) .toLink', 'mouseover', tomouseover);
    delegate(rt, 'tr:not(hidden) .toLink', 'mouseout', tomouseout);
    delegate(rt, 'tr:not(hidden) .ex', 'click', e => new Exporter(e));
    delegate(rt, 'tr:not(hidden) button[name=block]', 'click', ({ target }) => new Dialogue(target));
    delegate(rt, 'tr:not(hidden) .db', 'click', ({ target }) => new DBQuery(target));
  }

})();

// vim: ts=2:sw=2:et:fdm=marker:noai