var worker

tesseractLink = "https://unpkg.com/tesseract.js@v2.0.0-alpha.8/dist/tesseract.min.js"

inputSelector = "#tool-type-word"
formSelector = "#tool-type-form"
imageSelector = ".tool-type-img"

replacements = [
{text: "1", replace: "l"},
{text: "cen", replace: "con"},
{text: "sal", replace: "sql"},
{text: "dotl", replace: "port"},
{text: "toit", replace: "join"},
{text: "rvver", replace: "rver"},
{text: "ikte", replace: "ite"},
{text: "yo", replace: "ro"},
{text: "ocad", replace: "oad"},
{text: "roiv", replace: "poly"},
{text: "qh", replace: "gh"},
{text: "lie", replace: "le"},
{text: "enp", replace: "emp"},
{text: "doo", replace: "dco"},
{text: "liog", replace: "log"},
{text: "sset", replace: "set"},
{text: "nce", replace: "nge"},
{text: "ecut", replace: "eout"},
{text: "tiog", replace: "tlog"},
{text: "lip", replace: "lp"},
{text: "eng", replace: "emg"},
{text: "tvp", replace: "typ"},
{text: "leo", replace: "lo"},
{text: "gag", replace: "gg"},
{text: "sgl", replace: "sql"},
{text: "eza", replace: "e2a"},
{text: "gre", replace: "cre"},
{text: "ela", replace: "e3a"},
{text: "ssat", replace: "set"},
{text: "too", replace: "tco"},
{text: "yvp", replace: "yp"},
{text: "gde", replace: "de"},
{text: "ovb", replace: "oyb"},
{text: "kolen", replace: "kclien"},
{text: "minr", replace: "mlpr"},
{text: "wif", replace: "wf"},
{text: "eric", replace: "enc"},
{text: "pum", replace: "num"},
{text: "anporn", replace: "anon"}
]

function loadScript(url, callback) {

var script = document.createElement('script')

script.onload = callback

script.src = url

document.head.appendChild(script)

}

function recogniseImage(image, callback) {

worker.recognize(image)
  .then((result) => {

  console.log(result)

  result = result.text

  result = result.replace("\n", "")

  result = result.toLowerCase()

  for (i in replacements) {

  replacement = replacements[i]

  result = result.split(replacement.text).join(replacement.replace)

  }

  callback(result)

});

}

function changeText(text) {

document.querySelector(inputSelector).value = text

}

function getAnswer(callback) {

image = document.querySelector(imageSelector)

recogniseImage(image, callback)

}

function submitForm() {

el = document.querySelector(formSelector)

var evt = new CustomEvent('submit');
el.dispatchEvent(evt);

}

function submitAnswer(text) {

changeText(text)
submitForm()

}

function answerQuestion() {

getAnswer(function(result) {

console.log(`Submitting answer ${result}!`)

submitAnswer(result)

})

}

loadScript(tesseractLink, function() {

worker = new Tesseract.TesseractWorker()

setInterval(answerQuestion, 3000)

})