RJ code preview Userscript

// ==UserScript==
// @name         RJ code preview
// @namespace    RJ code preview
// @version      1.4
// @description  Shows a popup with promo image from DLsite on hover
// @author       You
// @grant        none
// @include     *4chan.org*
// @include     *pastebin*
// @include     *ghostbin*
// @include     *ulmf*
// @require      https://raw.githubusercontent.com/padolsey/findAndReplaceDOMText/master/src/findAndReplaceDOMText.js
// ==/UserScript==

var EnableDiv = false; //Set it to false if you don't need a list of codes on the right

function findRJ() {
  findAndReplaceDOMText(document.body, {
    preset: 'prose',
    find: /(R[E|J][0-9]{6})/g,
    replace: function (m) {
      var createA = document.createElement('a');
      var numbart = m.text.substring(2);
      var precode = m.text.substring(0, 2);
      var rndidim = Math.ceil(parseInt(numbart) / 1000) * 1000;
      var ass = 'http://www.dlsite.com/maniax/work/=/product_id/'.concat(m.text, '.html');
      while (rndidim.toString().length < 6) rndidim = '0' + rndidim;
      var imaga = 'javascript:var elmNewContent = document.createElement(\'div\');elmNewContent.style.cssText = \'border: solid 1px #CCC;padding: 5px;position: fixed;z-index:1000;width:560px;height:420px;\';elmNewContent.setAttribute(\'id\',"SICRITIMAGE");var elmNewImg = document.createElement(\'img\');elmNewImg.setAttribute(\'id\',"SICRITIMAGE1");elmNewImg.setAttribute(\'src\', "");elmNewImg.style.cssText = \'width:100%;height:100%;\';elmNewContent.appendChild(elmNewImg);document.body.appendChild(elmNewContent);document.getElementById("SICRITIMAGE1").src = \'' + 'http://img.dlsite.jp/modpub/images2/work/doujin/RJ' + rndidim + '/RJ' + numbart + '_img_main.jpg\';if (event.clientX < window.innerWidth - 560) {document.getElementById("SICRITIMAGE").style.left = (event.clientX + 20) + "px";} else {document.getElementById("SICRITIMAGE").style.left = (event.clientX - 580) + "px";} if (event.clientY < window.innerHeight - 420) {document.getElementById("SICRITIMAGE").style.top = (event.clientY + 20)  + "px";} else {document.getElementById("SICRITIMAGE").style.top = (event.clientY - 440)  + "px";}';
      createA.setAttribute('href', ass);
      createA.setAttribute('onMouseOver', imaga);
      createA.setAttribute('onMouseOut', 'javascript:document.getElementById("SICRITIMAGE1").remove();document.getElementById("SICRITIMAGE").remove();');
      createA.setAttribute('rel', 'noreferrer');
      createA.setAttribute('target', '_blank');
      createA.setAttribute('class', 'RJCODE');
      createA.innerHTML = m.text;
      return createA;
    }

  });
  findAndReplaceDOMText(document.body, {
    preset: 'prose',
    find: /(V[E|J][0-9]{6})/g,
    replace: function (m) {
      var createA = document.createElement('a');
      var numbart = m.text.substring(2);
      var precode = m.text.substring(0, 2);
      var rndidim = Math.ceil(parseInt(numbart) / 1000) * 1000;
      var ass = 'http://www.dlsite.com/pro/work/=/product_id/'.concat(m.text, '.html');
      while (rndidim.toString().length < 6) rndidim = '0' + rndidim;
      var imaga = 'javascript:var elmNewContent = document.createElement(\'div\');elmNewContent.style.cssText = \'border: solid 1px #CCC;padding: 5px;position: fixed;z-index:1000;width:560px;height:420px;\';elmNewContent.setAttribute(\'id\',"SICRITIMAGE");var elmNewImg = document.createElement(\'img\');elmNewImg.setAttribute(\'id\',"SICRITIMAGE1");elmNewImg.setAttribute(\'src\', "");elmNewImg.style.cssText = \'width:100%;height:100%;\';elmNewContent.appendChild(elmNewImg);document.body.appendChild(elmNewContent);document.getElementById("SICRITIMAGE1").src = \'' + 'http://img.dlsite.jp/modpub/images2/work/professional/' + precode + rndidim + '/' + m.text + '_img_main.jpg\';if (event.clientX < window.innerWidth - 560) {document.getElementById("SICRITIMAGE").style.left = (event.clientX + 20) + "px";} else {document.getElementById("SICRITIMAGE").style.left = (event.clientX - 580) + "px";} if (event.clientY < window.innerHeight - 420) {document.getElementById("SICRITIMAGE").style.top = (event.clientY + 20)  + "px";} else {document.getElementById("SICRITIMAGE").style.top = (event.clientY - 440)  + "px";}';
      createA.setAttribute('href', ass);
      createA.setAttribute('onMouseOver', imaga);
      createA.setAttribute('onMouseOut', 'javascript:document.getElementById("SICRITIMAGE1").remove();document.getElementById("SICRITIMAGE").remove();');
      createA.setAttribute('rel', 'noreferrer');
      createA.setAttribute('target', '_blank');
      createA.setAttribute('class', 'RJCODE');
      createA.innerHTML = m.text;
      return createA;
          }

  });
  if (EnableDiv) DivRJ();
}
function DivRJ() {
  document.getElementsByClassName('rjblock') [0].innerHTML = '';
  var HTMLdiv = '';
  var RJcodiv = [
  ];

  for (var i = 0; i < document.getElementsByClassName('RJCODE').length; i++) {
    RJcodiv.push(document.getElementsByClassName('RJCODE') [i].innerText);
  }

  for (var i = 0; i < RJcodiv.length; i++) {
    if (HTMLdiv.indexOf(RJcodiv[i]) == - 1) {
      HTMLdiv += ('<div>' + RJcodiv[i] + '</div>');
    }
  }
  document.getElementsByClassName('rjblock') [0].innerHTML = HTMLdiv;
  findAndReplaceDOMText(document.getElementsByClassName('rjblock')[0], {
    preset: 'prose',
    find: /(R[E|J][0-9]{6})/g,
    replace: function (m) {
      var createA = document.createElement('a');
      var numbart = m.text.substring(2);
      var precode = m.text.substring(0, 2);
      var rndidim = Math.ceil(parseInt(numbart) / 1000) * 1000;
      var ass = 'http://www.dlsite.com/maniax/work/=/product_id/'.concat(m.text, '.html');
      while (rndidim.toString().length < 6) rndidim = '0' + rndidim;
      var imaga = 'javascript:var elmNewContent = document.createElement(\'div\');elmNewContent.style.cssText = \'border: solid 1px #CCC;padding: 5px;position: fixed;z-index:1000;width:560px;height:420px;\';elmNewContent.setAttribute(\'id\',"SICRITIMAGE");var elmNewImg = document.createElement(\'img\');elmNewImg.setAttribute(\'id\',"SICRITIMAGE1");elmNewImg.setAttribute(\'src\', "");elmNewImg.style.cssText = \'width:100%;height:100%;\';elmNewContent.appendChild(elmNewImg);document.body.appendChild(elmNewContent);document.getElementById("SICRITIMAGE1").src = \'' + 'http://img.dlsite.jp/modpub/images2/work/doujin/RJ' + rndidim + '/RJ' + numbart + '_img_main.jpg\';if (event.clientX < window.innerWidth - 560) {document.getElementById("SICRITIMAGE").style.left = (event.clientX + 20) + "px";} else {document.getElementById("SICRITIMAGE").style.left = (event.clientX - 580) + "px";} if (event.clientY < window.innerHeight - 420) {document.getElementById("SICRITIMAGE").style.top = (event.clientY + 20)  + "px";} else {document.getElementById("SICRITIMAGE").style.top = (event.clientY - 440)  + "px";}';
      createA.setAttribute('href', ass);
      createA.setAttribute('onMouseOver', imaga);
      createA.setAttribute('onMouseOut', 'javascript:document.getElementById("SICRITIMAGE1").remove();document.getElementById("SICRITIMAGE").remove();');
      createA.setAttribute('rel', 'noreferrer');
      createA.setAttribute('target', '_blank');
      createA.setAttribute('class', 'RJCODED');
      createA.innerHTML = m.text;
      return createA;
    }
  });
    findAndReplaceDOMText(document.getElementsByClassName('rjblock')[0], {
    preset: 'prose',
    find: /(V[E|J][0-9]{6})/g,
    replace: function (m) {
      var createA = document.createElement('a');
      var numbart = m.text.substring(2);
      var precode = m.text.substring(0, 2);
      var rndidim = Math.ceil(parseInt(numbart) / 1000) * 1000;
      var ass = 'http://www.dlsite.com/pro/work/=/product_id/'.concat(m.text, '.html');
      while (rndidim.toString().length < 6) rndidim = '0' + rndidim;
      var imaga = 'javascript:var elmNewContent = document.createElement(\'div\');elmNewContent.style.cssText = \'border: solid 1px #CCC;padding: 5px;position: fixed;z-index:1000;width:560px;height:420px;\';elmNewContent.setAttribute(\'id\',"SICRITIMAGE");var elmNewImg = document.createElement(\'img\');elmNewImg.setAttribute(\'id\',"SICRITIMAGE1");elmNewImg.setAttribute(\'src\', "");elmNewImg.style.cssText = \'width:100%;height:100%;\';elmNewContent.appendChild(elmNewImg);document.body.appendChild(elmNewContent);document.getElementById("SICRITIMAGE1").src = \'' + 'http://img.dlsite.jp/modpub/images2/work/professional/' + precode + rndidim + '/' + m.text + '_img_main.jpg\';if (event.clientX < window.innerWidth - 560) {document.getElementById("SICRITIMAGE").style.left = (event.clientX + 20) + "px";} else {document.getElementById("SICRITIMAGE").style.left = (event.clientX - 580) + "px";} if (event.clientY < window.innerHeight - 420) {document.getElementById("SICRITIMAGE").style.top = (event.clientY + 20)  + "px";} else {document.getElementById("SICRITIMAGE").style.top = (event.clientY - 440)  + "px";}';
      createA.setAttribute('href', ass);
      createA.setAttribute('onMouseOver', imaga);
      createA.setAttribute('onMouseOut', 'javascript:document.getElementById("SICRITIMAGE1").remove();document.getElementById("SICRITIMAGE").remove();');
      createA.setAttribute('rel', 'noreferrer');
      createA.setAttribute('target', '_blank');
      createA.setAttribute('class', 'RJCODED');
      createA.innerHTML = m.text;
      return createA;
    }
  });
   HeightRJ = 18 * document.getElementsByClassName('RJCODED').length;
  if (HeightRJ < 700) {
    document.getElementsByClassName('rjblock') [0].style.height = HeightRJ + 'px';
  }
  else {
   document.getElementsByClassName('rjblock') [0].style.height = '700px';
  }
}
if (EnableDiv){
var iDiv = document.createElement('div');
iDiv.style.width = '100px';
iDiv.style.zIndex = '10';
iDiv.style.position = 'fixed';
iDiv.style.right = '0';
iDiv.style.bottom = '0';
iDiv.style.height = '0px';
iDiv.style.overflow = 'auto';
iDiv.style.outline = 'solid #216ac2';
iDiv.id = 'rjblock';
iDiv.className = 'rjblock';
document.getElementsByTagName('body') [0].appendChild(iDiv);
}
var uDiv = document.createElement('div');
uDiv.style.width = '70px';
uDiv.style.zIndex = '10';
uDiv.style.position = 'fixed';
uDiv.style.right = '100px';
uDiv.style.bottom = '0px';
uDiv.style.height = '20px';
uDiv.style.overflow = 'auto';
uDiv.id = 'rju';
uDiv.innerHTML = '<a href="javascript:findRJ();">Update RJ</a>';
uDiv.className = 'rju';
document.getElementsByTagName('body') [0].appendChild(uDiv);
document.getElementById('rju').addEventListener('click', findRJ, false);