☰

Google Translator Tooltip - MOBILE

Translates text into tooltip for mobile phone and tablet users. Fork from https://greasyfork.org/scripts/16204/

  1. // ==UserScript==
  2. // @name            Google Translator Tooltip - MOBILE
  3. // @description     Translates text into tooltip for mobile phone and tablet users. Fork from https://greasyfork.org/scripts/16204/
  4. // @namespace       https://github.com/ghoulatsch
  5. // @homepage        https://github.com/ghoulatsch
  6. // @version         240919
  7. // @icon            http://translate.google.com/favicon.ico
  8. // @match           *://*/*
  9. // @grant           GM_getValue
  10. // @grant           GM_xmlhttpRequest
  11. // @grant           GM_log
  12. // @grant           GM_deleteValue
  13. // @grant           GM_addStyle
  14. // @grant           GM_openInTab
  15. // @grant           GM_registerMenuCommand
  16. // @grant           GM_setValue
  17. // ==/UserScript==
  18.  
  19. /* USER INPUT */
  20.  
  21. // Icon position and size
  22. var iconOffsetY = 30; // [30]
  23. var iconOffsetX = -15; // [-15]
  24. var iconSize = 20; // [20]
  25. // Translation box offset from left monitor border
  26. // set to 0 to place the translation box at icon position (e.g. for tablets)
  27. var boxOffsetY = 20; // [20]
  28.  
  29. /* USER INPUT END */
  30.  
  31. var UA = navigator.userAgent;
  32. var googleDomain = "translate.googleapis.com";
  33. var dictURL= "https://" + googleDomain + "/translate_a/single?client=gtx";
  34. var ttsURL= "http://" + googleDomain + "/translate_tts?client=gtx";
  35.  
  36. const HREF_NO = 'javascript:void(0)';
  37. initCrossBrowserSupportForGmFunctions();
  38. var languagesGoogle = '<option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Aerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (simplified)</option><option value="zh-TW">Chinese (traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option  value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option  value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option>';
  39. var body = getTag('body')[0];
  40. var imgLookup;
  41. var txtSel = encodeURIComponent(txtSel); // text selected
  42. var translation2Element = document.createElement('span');
  43. var translation3Element = document.createElement('span');
  44. var currentURL;
  45. var context;
  46. var initialized = false;
  47.  
  48. images();
  49. css();
  50.  
  51. // Event listener for double press
  52. document.addEventListener('mouseup', showLookupIcon, false);
  53. // Event listener for long press
  54. let holdTimer;
  55. const HOLD_TIME = 0;
  56. document.addEventListener('contextmenu', function(e) {
  57.     // Start the hold timer
  58.     holdTimer = setTimeout(() => {
  59.         showLookupIcon(e);
  60.     }, HOLD_TIME);
  61. });
  62. document.addEventListener('mousedown', function(e) {
  63.     // Clear the hold timer if touch ends before HOLD_TIME
  64.     clearTimeout(holdTimer);
  65. });
  66. function showLookupIcon(evt) {
  67.     if (evt.ctrlKey && evt.altKey && (!GM_getValue('ctrl') || !GM_getValue('alt')))
  68.         return;
  69.     // XOR http://www.howtocreate.co.uk/xor.html
  70.     if (evt.ctrlKey ? !GM_getValue('ctrl') : GM_getValue('ctrl'))
  71.         return;
  72.     if (evt.altKey ? !GM_getValue('alt') : GM_getValue('alt'))
  73.         return;
  74.     if (!initialized) {
  75.         images();
  76.         css();
  77.         initialized = true;
  78.     }
  79.     var divDic = getId('divDic');
  80.     var divLookup = getId('divLookup');
  81.     txtSel = getSelection();
  82.     // Exit if no text is selected
  83.     if (!txtSel || txtSel == "") {
  84.         if (divDic) {
  85.             if (!clickedInsideID(evt.target, 'divDic'))
  86.                 divDic.parentNode.removeChild(divDic);
  87.         }
  88.         if (divLookup)
  89.             divLookup.parentNode.removeChild(divLookup);
  90.         return;
  91.     }
  92.     // Possible cleanup
  93.     if (divDic) {
  94.         if (!clickedInsideID(evt.target, 'divDic'))
  95.             divDic.parentNode.removeChild(divDic);
  96.         return;
  97.     }
  98.     // Remove div if exists
  99.     if (divLookup) {
  100.         divLookup.parentNode.removeChild(divLookup);
  101.     }
  102.     if(context!=null){
  103.         context.close();
  104.         context = null;
  105.     }
  106.     if(GM_getValue('tts', false) == true)context = new AudioContext();
  107.     // Div container
  108.     var top = (evt.clientY + window.pageYOffset + iconOffsetY);
  109.     var left = (evt.clientX + window.pageXOffset + iconOffsetX);
  110.     divLookup = createElement('div', {
  111.             id : 'divLookup',
  112.             style : 'background-color:transparent; color:#000000; position:absolute; top:' + top + 'px; left:' + left + 'px; padding:0px; z-index:10000; border-radius:2px;'
  113.         });
  114.     divLookup.appendChild(imgLookup.cloneNode(false));
  115.     divLookup.addEventListener('mouseover', function(evt){setTimeout(lookup,parseInt(GM_getValue('delay')))}, false);
  116.     body.appendChild(divLookup);
  117. }
  118. // Create the tooltip and launch the Google Translate request to get the translation
  119. function lookup(evt) {
  120.     var divResult = null;
  121.     var divDic = getId('divDic');
  122.     var divLookup = getId('divLookup');
  123.     var top = divLookup.style.top;
  124.     var left = divLookup.style.left;
  125.     if (boxOffsetY != 0){
  126.         left = boxOffsetY+"px";
  127.     }
  128.     // No text selected
  129.     if (!txtSel || txtSel == "") {
  130.         if (divDic = getId('divDic'))
  131.             divDic.parentNode.removeChild(divDic);
  132.         return;
  133.     }
  134.     // Cleanup divs
  135.     if (divDic = getId('divDic')) {
  136.         divDic.parentNode.removeChild(divDic);
  137.     }
  138.     divLookup.parentNode.removeChild(divLookup);
  139.     // Div container
  140.     var backgroundCol = '#EDF4FC';
  141.     divDic = createElement('div', {
  142.             id : 'divDic',
  143.             style : 'opacity: 1; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: ' + GM_getValue('fontsize', 'small') + '; background-color: ' + GM_getValue('backgroundColor', '#EDF4FC') + '; color: ' + GM_getValue('textcolor', 'Gray') + '; position:absolute; top:' + top + '; left:' + left + '; min-width:250px; min-height:50px; max-width:50%; padding:5px; text-align:left; z-index:10000; border-radius:4px; box-shadow: 0px 0px 4px 2px #898D91'
  144.         });
  145.     divDic.addEventListener('touchstart', dragHandler, false);
  146.     body.appendChild(divDic);
  147.     // Div result
  148.     // This awfull wall of text is the "+" image
  149.     divResult = createElement('div', {
  150.             id : 'divResult',
  151.             style : 'overflow:auto; padding:3px;'
  152.         }, null, '<img src="data:image/gif;base64,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' +
  153.             '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' +
  154.             'SX8jiuicMMBFd2OmKwQFs2tjXpDfnPE1j30V3c7iRHlrzBD2HONzODyZtsQJMI4r0AUNaE3XNHQw95c9GC001MpIxDacFQ+ulTNTZlU3O1eWVHa6vb/pnQUUrgHHSBKIuwG+bCPyEqbAg25gMVV1iOB/IGh5YOKLKIQ6xBAcUHmzjIcIqgajZ+Ro42DcvXl7j0U4WOUd+2IGu7DWjI1pt4DYq8BPm0entuGSQY/4tBi9Ss0HqfwngBQtHbCH88MQXb/zxyFfRRRHMN+/889BHL/301Fdv/fXYZ39CCAAh+QQJCgAAACwAAAAA3AATAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgECAaEpHLJbDqf0Kh0Sq1ar9isdjoQtAQFh2fAKXsKm7R6Q+Y43vABep0mGwwOPH7w2CT+gHZ3d3lyagl+CQNvg4yGh36LcHoGfHR/ZYOElQ9/a4ocmoRygIiRk5p8pYmZjXePaYBujHoOqp5qZHBlHAUFXitddg8PBg8KGsgayxvGkAkFDwgICtPTzX2mftHW3QnOpojG3dbYkNjk1waxsdDS1N7ga9zw1t/aifTk35fu6Qj3numL14fOuHTNECHqU4DDgQEsCCwidiHBAwYQMmpcUOCAhI8gJVzUuLGThAQnP/9abEAyI4MCIVOKZNnyJUqUJxNcGNlywYOQgHZirGkSJ8gHNEky+AkS58qWEJYC/bMzacmbQHkqNdlUJ1KoSz2i9COhmQYCEXtVrCBgwYS3cCf8qTcNQ9u4cFFOq2bPLV65Cf7dxZthbjW+CgbjnWtNgWPFcAsHdoxgWWK/iyV045sAc2S96SDn1exYw17REwpLQEYt2eW/qtPZRQAB7QoC61RW+GsBwYZ/CXb/XRCYLsAKFizEtUAc+G7lcZsjroscOvTmsoUvx15PwccJ0N8yL17N9PG/E7jv9S4hOV7pdIPDdZ+ePDzv2qMXn2b5+wTbKuAWnF3oZbABZY' +
  155.             '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' +
  156.             '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"/><br/>Loading...');
  157.     divDic.appendChild(divResult);
  158.     // Options link
  159.     var optionLink = createElement('a', {
  160.             id : 'optionsLink',
  161.             href : HREF_NO,
  162.             style : 'opacity:0.2; position:absolute; bottom:3px; right:13px; font-size:18px; text-decoration:none!important;background:#528DDF;padding:1px;color:#fff;border-radius:6px 6px 6px 6px;border:2px solid #EEEEEE;font-weight:bold;width:20px;text-align:center;display:block;'
  163.         }, 'click openCloseOptions false', '+');
  164.     divDic.appendChild(optionLink);
  165.     optionLink.addEventListener('mouseover', function (e) {
  166.         e.target.style.opacity = 1.0
  167.     });
  168.     optionLink.addEventListener('mouseout', function (e) {
  169.         e.target.style.opacity = 0.2
  170.     });
  171.     // Send the Google Translate request
  172.     if ((txtSel + " ").search(/^\s*https?:\/\//) > -1) {
  173.         divResult.innerHTML = '<a href="' + txtSel + '" target="_blank" >' + txtSel + '</a>';
  174.     } else if ((txtSel + " ").search(/^\s*\S+(\.\S+)+/) > -1) // site.dom
  175.     {
  176.         divResult.innerHTML = '<a style="color:#888;" href="http://' + txtSel + '" target="_blank" >' + txtSel + '</a>';
  177.     } else {
  178.         var sl, tl;
  179.         sl = GM_getValue('from') ? GM_getValue('from') : "auto";
  180.         tl = GM_getValue('to') ? GM_getValue('to') : "auto";
  181.         Request(txtSel, sl, tl, extractResult);
  182.  
  183.         if (GM_getValue('to2', 'Disabled') != 'Disabled') {
  184.             sl = GM_getValue('from') ? GM_getValue('from') : "auto";
  185.             tl = GM_getValue('to2') ? GM_getValue('to2') : "auto";
  186.             Request(txtSel, sl, tl, extractResult2);
  187.         } else {
  188.             translation2Element.innerHTML = '';
  189.         }
  190.  
  191.         if (GM_getValue('to3', 'Disabled') != 'Disabled') {
  192.             sl = GM_getValue('from') ? GM_getValue('from') : "auto";
  193.             tl = GM_getValue('to3') ? GM_getValue('to3') : "auto";
  194.             Request(txtSel, sl, tl, extractResult3);
  195.         } else {
  196.             translation3Element.innerHTML = '';
  197.         }
  198.     }
  199.  
  200.     // Reposition of translation box height to screen
  201.     // Function to get the height of divDic
  202.     function getDivHeight() {
  203.         const divDic = document.getElementById('divDic');
  204.         const renderedHeight = divDic.offsetHeight; // or use getBoundingClientRect().height
  205.         //console.log('Rendered Height:', renderedHeight);
  206.  
  207.         // Get viewport height
  208.         const viewportHeight = window.innerHeight;
  209.         var currentScrollPosition = window.pageYOffset;
  210.         var top = parseInt(divDic.style.top);
  211.         // Check if the div would be cut off at the bottom
  212.         if (top + renderedHeight > currentScrollPosition + viewportHeight) {
  213.             top = currentScrollPosition + viewportHeight - renderedHeight - 20;
  214.             if (top < 1){
  215.                 top = 20;
  216.             }
  217.             divDic.style.top = top + 'px';
  218.         }
  219.     }
  220.     // Create a MutationObserver to watch for changes in the divDic
  221.     const observer = new MutationObserver(() => {
  222.         getDivHeight(); // Call the function to get height on changes
  223.     });
  224.     // Start observing the divDic for changes in child elements
  225.     observer.observe(divDic, { childList: true, subtree: true });
  226. }
  227.  
  228. // Lanched when we select an other language in the setup menu
  229. function quickLookup() {
  230.     getId('divDic').style.fontSize = getId('optFontSize').value;
  231.     getId('divDic').style.color = getId('optTextColor').value;
  232.     getId('divResult').innerHTML = 'Loading...';
  233.     if((context == null) && (GM_getValue('tts', false) == true) ) context = new AudioContext();
  234.     var sl,tl;
  235.     sl = getId('optSelLangFrom').value;
  236.     tl = getId('optSelLangTo').value;
  237.     Request(txtSel, sl, tl, extractResult);
  238.  
  239.     if (getId('optSelLangTo2').value != 'Disabled') {
  240.         var sl,tl;
  241.         sl = getId('optSelLangFrom').value;
  242.         tl = getId('optSelLangTo2').value;
  243.         Request(txtSel, sl, tl, extractResult2);
  244.     } else {
  245.         translation2Element.innerHTML = '';
  246.     }
  247.  
  248.     if (getId('optSelLangTo3').value != 'Disabled') {
  249.         var sl,tl;
  250.         sl = getId('optSelLangFrom').value;
  251.         tl = getId('optSelLangTo3').value;
  252.         Request(txtSel, sl, tl, extractResult3);
  253.     } else {
  254.         translation3Element.innerHTML = '';
  255.     }
  256. }
  257.  
  258. function init_google_value_tk() {
  259.     var url = "https://" + googleDomain + "/translate_a/element.js";
  260.     GM_xmlhttpRequest({
  261.         method: "GET",
  262.         url: url,
  263.         onreadystatechange: function(resp) {
  264.             if (resp.readyState == 4) {
  265.                 clearTimeout(setTimeout( function(){ this.abort(); }, 2000));
  266.                 if (resp.status == 200) {
  267.                     init_google_value_tk_parse(resp.responseText);
  268.                 }
  269.             }
  270.         }
  271.     });
  272. }
  273.  
  274. function init_google_value_tk_parse(responseText) {
  275.     var res = /c\._ctkk='(.+?)'/i.exec(responseText);
  276.     if (res != null) {
  277.         GM_setValue('google_value_tk', res[1]);
  278.     };
  279. }
  280.  
  281. // return token for the new API
  282. function googleTK(text) {
  283.     // view-source:https://translate.google.com/translate/releases/twsfe_w_20160620_RC00/r/js/desktop_module_main.js && TKK from HTML
  284.     var uM = GM_getValue('google_value_tk');
  285.     if (uM == 'undefined' || uM == null) {
  286.         init_google_value_tk();
  287.         uM = "427110.1469889687";
  288.     } else if (Number(uM.split('.')[0]) !== Math.floor(Date.now() / 3600000)) {
  289.         init_google_value_tk();
  290.     };
  291.     var cb="&";
  292.     var k="";
  293.     var Gf="=";
  294.     var Vb="+-a^+6";
  295.     var t="a";
  296.     var Yb="+";
  297.     var Zb="+-3^+b+-f";
  298.     var jd=".";
  299.     var sM=function(a){return function(){return a}}
  300.     var tM=function(a,b){for(var c=0;c<b.length-2;c+=3){var d=b.charAt(c+2),d=d>=t?d.charCodeAt(0)-87:Number(d),d=b.charAt(c+1)==Yb?a>>>d:a<<d;a=b.charAt(c)==Yb?a+d&4294967295:a^d}return a};
  301.     var vM=function(a){
  302.         var b;
  303.         if(null!==uM) {
  304.             b=uM;
  305.         }else{
  306.             b=sM(String.fromCharCode(84));var c=sM(String.fromCharCode(75));b=[b(),b()];
  307.             b[1]=c();
  308.             b=(uM=window[b.join(c())]||k)||k
  309.         }
  310.         var d=sM(String.fromCharCode(116)),c=sM(String.fromCharCode(107)),d=[d(),d()];
  311.         d[1]=c();
  312.         c=cb+d.join(k)+Gf;
  313.         d=b.split(jd);
  314.         b=Number(d[0])||0;
  315.  
  316.         for(var e=[],f=0,g=0;g<a.length;g++){
  317.             var m=a.charCodeAt(g);
  318.             128>m?e[f++]=m:(2048>m?e[f++]=m>>6|192:(55296==(m&64512)&&g+1<a.length&&56320==(a.charCodeAt(g+1)&64512)?(m=65536+((m&1023)<<10)+(a.charCodeAt(++g)&1023),e[f++]=m>>18|240,e[f++]=m>>12&63|128):e[f++]=m>>12|224,e[f++]=m>>6&63|128),e[f++]=m&63|128)
  319.         }
  320.         a=b||0;
  321.         for(f=0;f<e.length;f++) { a+=e[f],a=tM(a,Vb)};
  322.         a=tM(a,Zb);
  323.         a^=Number(d[1])||0;
  324.         0>a&&(a=(a&2147483647)+2147483648);
  325.         a%=1E6;
  326.         return a.toString()+jd+(a^b);
  327.     };
  328.     return vM(text);
  329. }
  330.  
  331. // Google Translate Request
  332. function Request(txt, sl, tl, parse) {
  333.     var tk=googleTK(txt);
  334.     var Url = dictURL +
  335.         "&hl=auto" +
  336.         "&sl=" + sl + "&tl=" + tl +
  337.         "&dt=bd&dt=ex&dt=ld&dt=md&dt=qca&dt=rw&dt=rm&dt=ss&dt=t&dt=at&ie=UTF-8&oe=UTF-8&otf=2&trs=1&inputm=1&ssel=0&tsel=0&source=btn&kc=3"+
  338.         "&tk=" + tk +
  339.         "&q="+ encodeURI(txt);
  340.     var method='POST';
  341.     var Data='';
  342.     var Hdr= {
  343.         "User-Agent": UA,
  344.         "Accept":  "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
  345.         "Accept-Encoding":  "gzip, deflate"
  346.     }
  347.     var Q=Url.split('&q=');
  348.     Url=Q[0];
  349.     Data='&q='+Q[1];
  350.     Hdr["Content-Length"]=Data.length+'';
  351.     Hdr["Content-Type"]="application/x-www-form-urlencoded; charset=UTF-8";
  352.     GM_xmlhttpRequest({
  353.         method: method,
  354.         url: Url,
  355.         data: Data,
  356.         headers: Hdr,
  357.         onload: function(resp) {
  358.             try{
  359.                 parse(resp.responseText)
  360.             }catch(e){
  361.                 GM_log(e);
  362.           }
  363.         }
  364.     });
  365. }
  366.  
  367. function extractResult(gTradStringArray) {
  368.     var arr = eval(gTradStringArray); // eval is used to transform the string to an array. I alse made a custom parsing function, but it doesn't handle antislashed characters, so I prefer using eval()
  369.     /*
  370.     Content of the gTrad array :
  371.     0 / 0:Translation 1:Source text
  372.     1 / i:Grammar / 0:Types (word, verb, ...) 1: Other translations
  373.     5 / Array of other translations
  374.      */
  375.     var translation = '';
  376.     // 0 - Full translation
  377.     translation += '<small><a style="color:#1a0dab;" target="_blank" href="https://' + googleDomain + '/#' + GM_getValue('from', 'auto') + '/' + GM_getValue('to', 'auto') + '/' + txtSel + '">[' + arr[2] + '] ';
  378.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][1] != 'undefined' && arr[0][i][1] != null) translation += arr[0][i][1]; }
  379.     translation += '</a> <span id="texttospeechbuttonfrom"></span></small><br/>';
  380.     translation += '[' + GM_getValue('to', 'auto') + '] ';
  381.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) translation += arr[0][i][0]; }
  382.     translation += ' <span id="texttospeechbuttonto"></span><br/>';
  383.     translation += '<span id="translation2Element"></span>';
  384.     translation += '<span id="translation3Element"></span>';
  385.     translation += '<a id="toggleShowDetails" style="color:#000;' + (!GM_getValue('details', 'false') ? 'display:none;"' : '"') + '>Show details</a>';
  386.     translation += '<span id="divDetails" ' + (GM_getValue('details', 'false') ? 'style="display:none;"' : '') + '><a style="color:#000;" id="toggleHideDetails">Hide details</a><br/>';
  387.  
  388.     // 1 - Grammar
  389.     if (typeof arr[1] != 'undefined' && arr[1] != null ||
  390.         typeof arr[5] != 'undefined' && arr[5] != null ||
  391.         typeof arr[14] != 'undefined' && arr[14] != null) {
  392.         //translation += '<strong>Translations</strong><br/>';
  393.     }
  394.  
  395.     if (typeof arr[1] != 'undefined' && arr[1] != null) {
  396.         for (var i = 0; i < arr[1].length; i++) {
  397.             translation += arr[1][i][0] + ': ';
  398.             translation += arr[1][i][1].join(', ');
  399.             translation += '<br/>';
  400.         }
  401.     }
  402.  
  403.     // 5 - Alternatives
  404.     if (GM_getValue('alternatives', 'true')) {
  405.         if (typeof arr[5] != 'undefined' && arr[5] != null) {
  406.             for (var i = 0; i < arr[5].length; i++) {
  407.                 if (typeof arr[5][i][2] != 'undefined' && arr[5][i][2] != null) { // 5/i/2 array of alternatives, 5/i/0 the part of the text we are studying
  408.                     translation += '<i>alternatives: </i>';
  409.                     for (var j = 0; j < arr[5][i][2].length; j++) {
  410.                         translation += '<i>' + ((j == 0) ? '' : ', ') + arr[5][i][2][j][0] + '</i>';
  411.                     }
  412.                     translation += '<br/>';
  413.                 }
  414.             }
  415.         }
  416.     }
  417.  
  418.     // 14 - See also
  419.     if (typeof arr[14] != 'undefined' && arr[14] != null) {
  420.         // for (var i = 0; i < arr[14].length; i++) {
  421.             translation += '<i>See also: </i>';
  422.             translation += '<i>' + arr[14][0].join(', ') + '</i>';
  423.             translation += '<br/>';
  424.         // }
  425.     }
  426.  
  427.     // if ((typeof arr[1] != 'undefined' && arr[1] != null ||
  428.     //      typeof arr[5] != 'undefined' && arr[5] != null ||
  429.     //      typeof arr[14] != 'undefined' && arr[14] != null) &&
  430.     //     (typeof arr[12] != 'undefined' && arr[12] != null)) {
  431.     //     translation += '<br/>';
  432.     // }
  433.  
  434.     // 12 and 11 - Definitions and Synonyms
  435.     if (typeof arr[12] != 'undefined' && arr[12] != null && GM_getValue('definitions', 'false')) {
  436.         translation += '<strong>Definitions</strong><br/>';
  437.         for (var i = 0; i < arr[12].length; i++) {
  438.             if (typeof arr[12][i][1] != 'undefined' && arr[12][i][1] != null) { // 11/i/1 array of alternatives, 11/i/0 the part of the text we are studying
  439.                 for (var j = 0; j < arr[12][i][1].length; j++) {
  440.                     translation += '' + arr[12][i][0] + ': ';
  441.                     translation += arr[12][i][1][j][0];
  442.                     translation += '<br/>';
  443.                     if (GM_getValue('synonyms', 'true')) {
  444.                         if (typeof arr[11] != 'undefined' && arr[11] != null) {
  445.                             if (typeof arr[11][i] != 'undefined' && [11][i] != null) {
  446.                                 for (var k = 0; k < arr[11][i][1].length; k++) {
  447.                                     if (arr[12][i][1][j][1] == arr[11][i][1][k][1]) {
  448.                                         translation += '<i>synonyms:</i> ';
  449.                                         translation += '<i>' + arr[11][i][1][k][0].join(', ') + '</i>';
  450.                                         translation += '<br/>';
  451.                                         break;
  452.                                     }
  453.                                 }
  454.                             }
  455.                         }
  456.                     }
  457.                 }
  458.             }
  459.         }
  460.     }
  461.  
  462.     translation += '</span>'; // Detail end
  463.  
  464.     getId('divResult').innerHTML = '<p style="margin:0px;padding:0px;line-height:150%;text-align:left;">' + translation + '</p>';
  465.     getId('translation2Element').appendChild(translation2Element); // Optional second translation
  466.     getId('translation3Element').appendChild(translation3Element); // Optional third translation
  467.     getId('toggleShowDetails').addEventListener('click', function () {
  468.         getId('toggleShowDetails').style.display = 'none';
  469.         getId('divDetails').style.display = 'block';
  470.     }, false);
  471.     getId('toggleHideDetails').addEventListener('click', function () {
  472.         getId('toggleShowDetails').style.display = 'inline';
  473.         getId('divDetails').style.display = 'none';
  474.     }, false);
  475.     // Create the Text to speech
  476.     var fromText = '';
  477.     var toText = '';
  478.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][1] != 'undefined' && arr[0][i][1] != null) fromText += arr[0][i][1]; }
  479.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) toText += arr[0][i][0]; }
  480.     addTextTospeechLink(getId('texttospeechbuttonfrom'), arr[2], fromText); // arr[2] contains the detected input language
  481.     addTextTospeechLink(getId('texttospeechbuttonto'), GM_getValue('to', 'auto') == 'auto' ? 'en' : GM_getValue('to', 'auto'), toText); // I cannot find a way to get the detected destination language, so if the requested destination is 'auto', I use the english Text to speech language
  482. }
  483. function extractResult2(gTradStringArray) {
  484.     var arr = eval(gTradStringArray);
  485.     var translation = '';
  486.     translation += '#[' + GM_getValue('to2', 'auto') + ']  ';
  487.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) translation += arr[0][i][0]; }
  488.     translation += '  <span id="texttospeechbuttonto2"></span><br/>';
  489.     translation2Element.innerHTML = translation;
  490.     var toText2 = '';
  491.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) toText2 += arr[0][i][0]; }
  492.     addTextTospeechLink(getId('texttospeechbuttonto2'), GM_getValue('to2', 'auto') == 'auto' ? 'en' : GM_getValue('to2', 'auto'), toText2);
  493. }
  494. function extractResult3(gTradStringArray) {
  495.     var arr = eval(gTradStringArray);
  496.     var translation = '';
  497.     translation += '#[' + GM_getValue('to3', 'auto') + ']  ';
  498.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) translation += arr[0][i][0]; }
  499.     translation += '  <span id="texttospeechbuttonto3"></span><br/>';
  500.     translation3Element.innerHTML = translation;
  501.     var toText3 = '';
  502.     for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) toText3 += arr[0][i][0]; }
  503.     addTextTospeechLink(getId('texttospeechbuttonto3'), GM_getValue('to3', 'auto') == 'auto' ? 'en' : GM_getValue('to3', 'auto'), toText3);
  504. }
  505. function addTextTospeechLink(element, lang, text) {
  506.     if (GM_getValue('tts', false) == false) return;
  507.  
  508.     var img = document.createElement('img');
  509.     img.setAttribute('src', "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QEQDhUFQkzk7wAAAIpJREFUOMtj/P//PwNFgAQD3jMwMDRg6MVjwHw0/n4GBob/DAwM5xkYGAQIGTAfqhgdFEDF1+MzAKYZl9P6oXIO2AxA1owsAXc2lH7PwMCwHtmA/zgwPLygYYBi0f///xmYSIgwByT2QxiDiYFCQIoBB5DY8rgSEtmBSLVopEpCokpSJjozMVKanQFy4nkNOfntnwAAAABJRU5ErkJggg==");
  510.     img.setAttribute('width', '16');
  511.     img.setAttribute('height', '16');
  512.     img.setAttribute('align', "top");
  513.     element.appendChild(img);
  514.  
  515.     // var context = new AudioContext();
  516.     element.addEventListener('click', function() { playTTS(lang, text, context) }, false);
  517. }
  518.  
  519. function playTTS(lang, text, context) {
  520.     text = text.replace(/[«»'"]/g, ' ');
  521.     tk = googleTK(text);
  522.     Url = ttsURL + "&ie=UTF-8&total=1&idx=0" +
  523.         "&tl=" + lang +
  524.         "&q=" + text +
  525.         "&textlen=" + text.length +
  526.         "&tk=" + tk;
  527.     window.AudioContext = window.AudioContext || window.webkitAudioContext;
  528.     //var context = new AudioContext();
  529.     var source = context.createBufferSource();
  530.  
  531.     var soundRequest = GM_xmlhttpRequest({
  532.         method: "GET",
  533.         url: Url,
  534.         responseType: 'arraybuffer',
  535.         onload: function(response) {
  536.             try {
  537.                     context.decodeAudioData(response.response, function(buffer) {
  538.                         source.buffer = buffer;
  539.                         source.connect(context.destination);
  540.                         source.start(0);
  541.                     });
  542.             } catch(e) {
  543.                 GM_log(e);
  544.             }
  545.         }
  546.     });
  547. }
  548.  
  549. function getSelection() {
  550.     var text = null;
  551.     //get selected text
  552.     if (window.getSelection && !window.opera) // window.getSelection() bugs with Opera 12.16 and ViolentMonkey
  553.     {
  554.         if (document.activeElement &&
  555.                 (document.activeElement.tagName.toLowerCase() == "textarea" ||
  556.                 document.activeElement.tagName.toLowerCase() == "input")) {
  557.             text = document.activeElement.value;
  558.             text = text.substring (document.activeElement.selectionStart, document.activeElement.selectionEnd);
  559.         } else {
  560.             text = window.getSelection().toString();
  561.         }
  562.     } else if (document.getSelection) {
  563.         text = document.getSelection().toString();
  564.     } else if (document.selection) {
  565.         text = document.selection.createRange().text;
  566.     }
  567.     // text = text.replace(/[«»'"]/g, ' ');
  568.     text = text.replace(/&/g,'\u00E6').replace(/</g,'\u227A').replace(/\+/g,'\u2795');
  569.     return text;
  570. }
  571. function openCloseOptions(evt) {
  572.     var divOptions = getId('divOpt');
  573.     if (!divOptions) //Show options
  574.     {
  575.         divOptions = createElement('div', {
  576.                 id : 'divOpt',
  577.                 style : 'border-top:2px solid #5A91D8;position:relative; padding:5px;'
  578.             });
  579.         getId('divDic').appendChild(divOptions);
  580.         getId('optionsLink').style.visibility = 'hidden';
  581.  
  582.         //fields container
  583.         divOptionsFields = createElement('p', {style: "margin:0px;padding:0px;line-height:160%;"});
  584.         divOptions.appendChild(divOptionsFields);
  585.         //from
  586.         divOptionsFields.appendChild(createElement('span', null, null, 'From: '));
  587.         divOptionsFields.appendChild(createElement('select', {
  588.                 id : 'optSelLangFrom'
  589.             }, null, languagesGoogle));
  590.         getId('optSelLangFrom').value = GM_getValue('from') ? GM_getValue('from') : 'auto';
  591.         getId('optSelLangFrom').addEventListener('change', quickLookup, false);
  592.         //to
  593.         divOptionsFields.appendChild(createElement('br'));
  594.         divOptionsFields.appendChild(createElement('span', null, null, 'To: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'));
  595.         divOptionsFields.appendChild(createElement('select', {
  596.                 id : 'optSelLangTo'
  597.             }, null, languagesGoogle));
  598.         getId('optSelLangTo').value = GM_getValue('to') ? GM_getValue('to') : 'auto';
  599.         getId('optSelLangTo').addEventListener('change', quickLookup, false);
  600.         //to2
  601.         divOptionsFields.appendChild(createElement('br'));
  602.         divOptionsFields.appendChild(createElement('span', null, null, 'To 2: &nbsp;&nbsp;'));
  603.         divOptionsFields.appendChild(createElement('select', {
  604.                 id : 'optSelLangTo2'
  605.             }, null, '<option value="Disabled">Disabled</option>' + languagesGoogle));
  606.         getId('optSelLangTo2').value = GM_getValue('to2') ? GM_getValue('to2') : 'Disabled';
  607.         getId('optSelLangTo2').addEventListener('change', quickLookup, false);
  608.         //to3
  609.         divOptionsFields.appendChild(createElement('br'));
  610.         divOptionsFields.appendChild(createElement('span', null, null, 'To 3: &nbsp;&nbsp;'));
  611.         divOptionsFields.appendChild(createElement('select', {
  612.                 id : 'optSelLangTo3'
  613.             }, null, '<option value="Disabled">Disabled</option>' + languagesGoogle));
  614.         getId('optSelLangTo3').value = GM_getValue('to3') ? GM_getValue('to3') : 'Disabled';
  615.         getId('optSelLangTo3').addEventListener('change', quickLookup, false);
  616.         //use text to speech
  617.         divOptionsFields.appendChild(createElement('br'));
  618.         divOptionsFields.appendChild(createElement('input', {
  619.             id : 'checkTTS',
  620.             type : 'checkbox',
  621.             style: "margin-left:0px;"
  622.         }));
  623.         divOptionsFields.appendChild(createElement('span', null, null, '<span title="The feature has many issues. You often have to refresh the page to launch the .mp3 file. If you use the langage auto-detection, you have to change the langage in the url of the new tab."> Display Text To Speech</span>'));
  624.         getId('checkTTS').checked = GM_getValue('tts');
  625.         //hide details
  626.         divOptionsFields.appendChild(createElement('br'));
  627.         divOptionsFields.appendChild(createElement('input', {
  628.             id : 'checkDetails',
  629.             type : 'checkbox',
  630.             style: "margin-left:0px;"
  631.         }));
  632.         divOptionsFields.appendChild(createElement('span', null, null, ' Hide details by default'));
  633.         getId('checkDetails').checked = GM_getValue('details');
  634.         //show definitions in details
  635.         divOptionsFields.appendChild(createElement('br'));
  636.         divOptionsFields.appendChild(createElement('input', {
  637.             id : 'checkDefinitions',
  638.             type : 'checkbox',
  639.             style: "margin-left:0px;"
  640.         }));
  641.         divOptionsFields.appendChild(createElement('span', null, null, ' Show definitions in details'));
  642.         getId('checkDefinitions').checked = GM_getValue('definitions');
  643.         //show alternatives in details
  644.         divOptionsFields.appendChild(createElement('br'));
  645.         divOptionsFields.appendChild(createElement('input', {
  646.             id: 'checkAlternatives',
  647.             type: 'checkbox',
  648.             style: "margin-left:0px;"
  649.         }));
  650.         divOptionsFields.appendChild(createElement('span', null, null, ' Show alternatives in details'));
  651.         getId('checkAlternatives').checked = GM_getValue('alternatives');
  652.  
  653.         //show synonyms in definitions
  654.         divOptionsFields.appendChild(createElement('br'));
  655.         divOptionsFields.appendChild(createElement('input', {
  656.             id: 'checkSynonyms',
  657.             type: 'checkbox',
  658.             style: "margin-left:0px;"
  659.         }));
  660.         divOptionsFields.appendChild(createElement('span', null, null, ' Show synonyms in definitions'));
  661.         getId('checkSynonyms').checked = GM_getValue('synonyms');
  662.  
  663.         //font size
  664.         divOptionsFields.appendChild(createElement('br'));
  665.         divOptionsFields.appendChild(createElement('span', null, null, 'Font size: &nbsp;&nbsp;'));
  666.         divOptionsFields.appendChild(createElement('select', {
  667.                 id : 'optFontSize',
  668.                 style: 'width:141px'
  669.             }, null, '<option value="x-small">Extra small</option><option value="small">Small (default)</option><option value="medium">Medium</option><option value="large">Large</option>'));
  670.         getId('optFontSize').value = GM_getValue('fontsize') ? GM_getValue('fontsize') : 'small';
  671.         getId('optFontSize').addEventListener('change', quickLookup, false);
  672.         //text color
  673.         divOptionsFields.appendChild(createElement('br'));
  674.         divOptionsFields.appendChild(createElement('span', null, null, 'Text color: '));
  675.         divOptionsFields.appendChild(createElement('select', {
  676.                 id : 'optTextColor',
  677.                 style: 'width:141px'
  678.             }, null, '<option value="Gray">Gray (default)</option><option value="Black">Black</option><option value="White">White</option><option value="CadetBlue">CadetBlue</option><option value="ForestGreen">ForestGreen</option><option value="FireBrick">FireBrick</option>'));
  679.         getId('optTextColor').value = GM_getValue('textcolor') ? GM_getValue('textcolor') : 'Gray';
  680.         getId('optTextColor').addEventListener('change', quickLookup, false);
  681.         //use ctrl
  682.         divOptionsFields.appendChild(createElement('br'));
  683.         divOptionsFields.appendChild(createElement('input', {
  684.             id : 'checkCtrl',
  685.             type : 'checkbox',
  686.             style: "margin-left:0px;"
  687.         }));
  688.         divOptionsFields.appendChild(createElement('span', null, null, ' Use Ctrl key'));
  689.         getId('checkCtrl').checked = GM_getValue('ctrl');
  690.         //use alt
  691.         divOptionsFields.appendChild(createElement('br'));
  692.         divOptionsFields.appendChild(createElement('input', {
  693.             id : 'checkAlt',
  694.             type : 'checkbox',
  695.             style: "margin-left:0px;"
  696.         }));
  697.         divOptionsFields.appendChild(createElement('span', null, null, ' Use Alt key'));
  698.         getId('checkAlt').checked = GM_getValue('alt');
  699.         //delay display
  700.         divOptionsFields.appendChild(createElement('br'));
  701.         divOptionsFields.appendChild(createElement('span', null, null, 'Delay '));
  702.         divOptionsFields.appendChild(createElement('input', {
  703.             id: 'delayDisplay',
  704.             type: 'text',
  705.             style: "height:20px;width:50px;padding:0px;text-align:center;",
  706.         }));
  707.         divOptionsFields.appendChild(createElement('span', null, null, ' ms'));
  708.         getId('delayDisplay').value = GM_getValue('delay') ? GM_getValue('delay') : '0';
  709.         //save
  710.         divOptionsFields.appendChild(createElement('br'));
  711.         divOptionsFields.appendChild(createElement('a', {
  712.                 href : HREF_NO,
  713.                 class : "gootranslink"
  714.             }, 'click saveOptions false', 'Save'));
  715.         //reset
  716.         divOptionsFields.appendChild(createElement('span', null, null, ' - '));
  717.         divOptionsFields.appendChild(createElement('a', {
  718.                 href : HREF_NO,
  719.                 class : "gootranslink"
  720.             }, 'click resetOptions false', 'Reset'));
  721.         //cancel
  722.         divOptionsFields.appendChild(createElement('span', null, null, ' - '));
  723.         divOptionsFields.appendChild(createElement('a', {
  724.                 href : HREF_NO,
  725.                 class : "gootranslink"
  726.             }, 'click openCloseOptions false', 'Cancel'));
  727.     } else // Hide options
  728.     {
  729.         divOptions.parentNode.removeChild(divOptions);
  730.         getId('optionsLink').style.visibility = 'visible';
  731.     }
  732. }
  733.  
  734. function saveOptions(evt) {
  735.  
  736.     var backgroundColor = getId('divDic').style.backgroundColor;
  737.     var from = getId('optSelLangFrom').value;
  738.     var to = getId('optSelLangTo').value;
  739.     var to2 = getId('optSelLangTo2').value;
  740.     var to3 = getId('optSelLangTo3').value;
  741.     var tts = getId('checkTTS').checked;
  742.     var details = getId('checkDetails').checked;
  743.     var definitions = getId('checkDefinitions').checked;
  744.     var alternatives = getId('checkAlternatives').checked;
  745.     var synonyms = getId('checkSynonyms').checked;
  746.     var fontsize = getId('optFontSize').value;
  747.     var textcolor = getId('optTextColor').value;
  748.     var ctrl = getId('checkCtrl').checked;
  749.     var alt = getId('checkAlt').checked;
  750.     var delay = getId('delayDisplay').value;
  751.  
  752.     GM_setValue('backgroundColor', backgroundColor);
  753.     GM_setValue('from', from);
  754.     GM_setValue('to', to);
  755.     GM_setValue('to2', to2);
  756.     GM_setValue('to3', to3);
  757.     GM_setValue('tts', tts);
  758.     GM_setValue('details', details);
  759.     GM_setValue('definitions', definitions);
  760.     GM_setValue('alternatives', alternatives);
  761.     GM_setValue('synonyms', synonyms);
  762.     GM_setValue('fontsize', fontsize);
  763.     GM_setValue('textcolor', textcolor);
  764.     GM_setValue('ctrl', ctrl);
  765.     GM_setValue('alt', alt);
  766.     GM_setValue('delay', delay);
  767.  
  768.     quickLookup();
  769.     getId('divDic').removeChild(getId('divOpt'));
  770.     getId('optionsLink').style.visibility = 'visible';
  771. }
  772.  
  773. function resetOptions(evt) {
  774.  
  775.     GM_deleteValue('backgroundColor');
  776.     GM_deleteValue('from');
  777.     GM_deleteValue('to');
  778.     GM_deleteValue('to2');
  779.     GM_deleteValue('to3');
  780.     GM_deleteValue('tts');
  781.     GM_deleteValue('details');
  782.     GM_deleteValue('definitions');
  783.     GM_deleteValue('alternatives');
  784.     GM_deleteValue('synonyms');
  785.     GM_deleteValue('fontsize');
  786.     GM_deleteValue('textcolor');
  787.     GM_deleteValue('ctrl');
  788.     GM_deleteValue('alt');
  789.     GM_deleteValue('delay');
  790.  
  791.     getId('divDic').parentNode.removeChild(getId('divDic'));
  792. }
  793.  
  794. function css() {
  795.     var style = createElement('style', {
  796.             type : "text/css"
  797.         }, null, "" +
  798.             'a.gootranslink:link {color: #0000FF !important; text-decoration: underline !important;}' +
  799.             'a.gootranslink:visited {color: #0000FF !important; text-decoration: underline !important;}' +
  800.             'a.gootranslink:hover {color: #0000FF !important; text-decoration: underline !important;}' +
  801.             'a.gootranslink:active {color: #0000FF !important; text-decoration: underline !important;}' +
  802.             '.picker-wrapper,.slide-wrapper{position:relative;float:left}.picker-indicator,.slide-indicator{position:absolute;left:0;top:0;pointer-events:none}.picker,.slide{cursor:crosshair;float:left}.cp-default{background-color:gray;padding:12px;box-shadow:0 0 40px #000;border-radius:15px;float:left}.cp-default .picker{width:200px;height:200px}.cp-default .slide{width:30px;height:200px}.cp-default .slide-wrapper{margin-left:10px}.cp-default .picker-indicator{width:5px;height:5px;border:2px solid darkblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white}.cp-default .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid lightblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white}.cp-small{padding:5px;background-color:white;float:left;border-radius:5px}.cp-small .picker{width:100px;height:100px}.cp-small .slide{width:15px;height:100px}.cp-small .slide-wrapper{margin-left:5px}.cp-small .picker-indicator{width:1px;height:1px;border:1px solid black;background-color:white}.cp-small .slide-indicator{width:100%;height:2px;left:0;background-color:black}.cp-fancy{padding:10px;background:-webkit-linear-gradient(top,#aaa 0,#222 100%);float:left;border:1px solid #999;box-shadow:inset 0 0 10px white}.cp-fancy .picker{width:200px;height:200px}.cp-fancy .slide{width:30px;height:200px}.cp-fancy .slide-wrapper{margin-left:10px}.cp-fancy .picker-indicator{width:24px;height:24px;background-image:url(http://cdn1.iconfinder.com/data/icons/fugue/bonus/icons-24/target.png)}.cp-fancy .slide-indicator{width:30px;height:31px;left:30px;background-image:url(http://cdn1.iconfinder.com/data/icons/bluecoral/Left.png)}.cp-normal{padding:10px;background-color:white;float:left;border:4px solid #d6d6d6;box-shadow:inset 0 0 10px white}.cp-normal .picker{width:200px;height:200px}.cp-normal .slide{width:30px;height:200px}.cp-normal .slide-wrapper{margin-left:10px}.cp-normal .picker-indicator{width:5px;height:5px;border:1px solid gray;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white;pointer-events:none}.cp-normal .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid gray;background-color:white;pointer-events:none}');
  803.     getTag('head')[0].appendChild(style);
  804. }
  805. /*
  806.  * Short functions to replace the document.createElement document.getElementById and document.getElementsByTagName
  807.  */
  808. function createElement(type, attrArray, evtListener, html) {
  809.     var node = document.createElement(type);
  810.     for (var attr in attrArray)
  811.         if (attrArray.hasOwnProperty(attr)) {
  812.             node.setAttribute(attr, attrArray[attr]);
  813.         }
  814.     if (evtListener) {
  815.         var a = evtListener.split(' ');
  816.         node.addEventListener(a[0], eval(a[1]), eval(a[2]));
  817.     }
  818.     if (html)
  819.         node.innerHTML = html;
  820.     return node;
  821. }
  822. function getId(id, parent) {
  823.     if (!parent)
  824.         return document.getElementById(id);
  825.     return parent.getElementById(id);
  826. }
  827. function getTag(name, parent) {
  828.     if (!parent)
  829.         return document.getElementsByTagName(name);
  830.     return parent.getElementsByTagName(name);
  831. }
  832. /*
  833.  * Drag and drop support adapted from http://www.hunlock.com/blogs/Javascript_Drag_and_Drop
  834.  */
  835. var savedTarget = null; // The target layer (effectively vidPane)
  836. var dragOK = false; // True if we're allowed to move the element under mouse
  837. var dragXoffset = 0; // How much we've moved the element on the horozontal
  838. var dragYoffset = 0; // How much we've moved the element on the verticle
  839. var didDrag = false; // Set to true when we do a drag
  840. function moveHandler(e) {
  841.     if (e == null || e.touches == null)
  842.         return;
  843.     if (dragOK) {
  844.         savedTarget.style.left = e.touches[0].clientX - dragXoffset + 'px';
  845.         savedTarget.style.top = e.touches[0].clientY - dragYoffset + 'px';
  846.         return false;
  847.     }
  848. }
  849. function dragCleanup(e) {
  850.     document.removeEventListener('touchmove', moveHandler, false);
  851.     document.removeEventListener('touchend', dragCleanup, false);
  852.     dragOK = false; // Its been dragged now
  853.     didDrag = true;
  854. }
  855. function dragHandler(e) {
  856.     if (e == null || e.touches == null)
  857.         return;
  858.     var target = e.touches[0].target;
  859.     if (target.nodeName != 'DIV' && target.nodeName != 'P')
  860.         return;
  861.     if (target = clickedInsideID(target, 'divDic')) {
  862.         savedTarget = target;
  863.         dragOK = true;
  864.         dragXoffset = e.touches[0].clientX - target.offsetLeft;
  865.         dragYoffset = e.touches[0].clientY - target.offsetTop;
  866.         target.style.left = e.touches[0].clientX - dragXoffset + 'px';
  867.         target.style.right = null;
  868.         document.addEventListener('touchmove', moveHandler, false);
  869.         document.addEventListener('touchend', dragCleanup, false);
  870.         return false;
  871.     }
  872. }
  873. function clickedInsideID(target, id) {
  874.     if (target.getAttribute('id') == id)
  875.         return getId(id);
  876.     if (target.parentNode) {
  877.         while (target = target.parentNode) {
  878.             try {
  879.                 if (target.getAttribute('id') == id)
  880.                     return getId(id);
  881.             } catch (e) {}
  882.         }
  883.     }
  884.     return null;
  885. }
  886. // End drag code
  887. /*
  888.  * Images
  889.  */
  890. function images() {
  891.     imgLookup = createElement('img', {
  892.             border : 0
  893.         });
  894.     imgLookup.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABs0lEQVQ4jY2SP4viQBiHX0UQWz/AXb+VX8Iu/YqFhdhcd5BKEOTKC9jJFYrFgo3FIjYiCRauhTCQDMp4bJFklzCuLJLOWNj8rpDMJt7u7Q08xQzze953/hAR0el4QJLw8KR4fXkE/Wtch01zjP6gmxLsd9uPJafjAf1BF82WjmZLR61eRa1eVfNmS4cMxP8JksGk6FPB6XjAii1Qq1fBBYMMBL79+InvDIrbB0CzIpSmQHF0RnF0vkiTFxZX7A+6MOzwU0FxdEZKYJpj1fp1eO5KzF0JzYreF/iekzr77QMUhh2q1zDsUIULPQl6fXkEFww53cWKLWCaY3DBVMuaFWHuSsT7fM/5W5DTXYUMBGQgUJoCpelFst9tcc84DDuE7znQrAiFnrwIkuGY/W6rBIYdQgYC7RmHZkXwPQf3jL8JiCglISLKVCaqzfhZfc9RcMFwc/eMfGd9EWQbS+R0F9nGEtnGEpnKBJnKJFWxPNygPNygPePggqE942nBdTjG9xyUhxvVcqEnsWILrNjiTfCRJN9ZI99Zp8LxWsy73ztTmYCI6ObuGV/7Tym+/PqtICL6A7F/dNYyWabFAAAAAElFTkSuQmCC';
  895.     imgLookup.style.width = iconSize+"px";
  896.     imgLookup.style.height = iconSize+"px";
  897. }
  898. if (typeof GM_deleteValue == 'undefined') {
  899.     GM_addStyle = function (css) {
  900.         var style = document.createElement('style');
  901.         style.textContent = css;
  902.         document.getElementsByTagName('head')[0].appendChild(style);
  903.     }
  904.     GM_deleteValue = function (name) {
  905.         localStorage.removeItem(name);
  906.     }
  907.     GM_getValue = function (name, defaultValue) {
  908.         var value = localStorage.getItem(name);
  909.         if (!value)
  910.             return defaultValue;
  911.         var type = value[0];
  912.         value = value.substring(1);
  913.         switch (type) {
  914.         case 'b':
  915.             return value == 'true';
  916.         case 'n':
  917.             return Number(value);
  918.         default:
  919.             return value;
  920.         }
  921.     }
  922.     GM_log = function (message) {
  923.         console.log(message);
  924.     }
  925.     GM_openInTab = function (url) {
  926.         return window.open(url, "_blank");
  927.     }
  928.     GM_registerMenuCommand = function (name, funk) {
  929.         //todo
  930.     }
  931.     GM_setValue = function (name, value) {
  932.         value = (typeof value)[0] + value;
  933.         localStorage.setItem(name, value);
  934.     }
  935. }
  936. /*
  937.  * Cross browser support for GM functions
  938.  * http://userscripts.org/topics/41177
  939.  */
  940. function initCrossBrowserSupportForGmFunctions() {
  941.     if (typeof GM_deleteValue == 'undefined') {
  942.         GM_addStyle = function (css) {
  943.             var style = document.createElement('style');
  944.             style.textContent = css;
  945.             document.getElementsByTagName('head')[0].appendChild(style);
  946.         }
  947.         GM_deleteValue = function (name) {
  948.             localStorage.removeItem(name);
  949.         }
  950.         GM_getValue = function (name, defaultValue) {
  951.             var value = localStorage.getItem(name);
  952.             if (!value)
  953.                 return defaultValue;
  954.             var type = value[0];
  955.             value = value.substring(1);
  956.             switch (type) {
  957.             case 'b':
  958.                 return value == 'true';
  959.             case 'n':
  960.                 return Number(value);
  961.             default:
  962.                 return value;
  963.             }
  964.         }
  965.         GM_log = function (message) {
  966.             console.log(message);
  967.         }
  968.         GM_openInTab = function (url) {
  969.             return window.open(url, "_blank");
  970.         }
  971.         GM_registerMenuCommand = function (name, funk) {
  972.             //todo
  973.         }
  974.         GM_setValue = function (name, value) {
  975.             value = (typeof value)[0] + value;
  976.             localStorage.setItem(name, value);
  977.         }
  978.     }
  979. }