(function (document) {
  'use strict';

  var app = document.querySelector('#app');

  app.displayInstalledToast = function() {
    document.querySelector('#caching-complete').show();
  };

  app.addEventListener('template-bound', function() {
    console.log("Marcel Kapfer (mmk2410)");
    console.log("Morse Converter beta");
    console.log("Version 0.2");
  });

  window.addEventListener('WebComponentsReady', function() {
    document.querySelector('body').removeAttribute('unresolved');

    // Ensure that the drawer is always hidden
    var drawerPanel = document.querySelector('#paperDrawerPanel');
    drawerPanel.forceNarrow = true;

    // initialize the app
    var inputArea, menuAbout, menuFork, menuNormalMorse, menuReportBug, menuWrittenMorse, outputArea, outputPaper, toastNormalMorse, toastWrittenMorse, writtenMorse;
    writtenMorse = true;
    toastWrittenMorse = document.querySelector('#toastWrittenMorse');
    toastNormalMorse = document.querySelector('#toastNormalMorse');
    inputArea = document.querySelector('#inputArea');
    outputArea = document.querySelector('#outputArea');
    outputPaper = document.querySelector('#outputPaper');
    menuWrittenMorse = document.querySelector('#menuWrittenMorse');
    menuWrittenMorse.addEventListener('click', function() {
      writtenMorse = true;
      fadeOut(outputPaper);
      inputArea.value = "";
      drawerPanel.closeDrawer();
      toastWrittenMorse.toggle();
    });
    menuNormalMorse = document.querySelector('#menuNormalMorse');
    menuNormalMorse.addEventListener('click', function() {
      writtenMorse = false;
      fadeOut(outputPaper);
      inputArea.value = "";
      drawerPanel.closeDrawer();
      toastNormalMorse.toggle();
    });
    menuReportBug = document.querySelector('#menuReportBug');
    menuReportBug.addEventListener('click', function() {
      window.open("https://github.com/mmk2410/morse-converter-web/issues", "_blank");
      drawerPanel.closeDrawer();
    });
    menuAbout = document.querySelector('#menuAbout');
    menuAbout.addEventListener('click', function() {
      window.open("https://marcel-kapfer.de/writtenmorse", "_blank");
      drawerPanel.closeDrawer();
    });
    menuFork = document.querySelector('#menuFork');
    menuFork.addEventListener('click', function() {
      window.open("https://github.com/mmk2410/morse-converter-web/", "_blank");
      drawerPanel.closeDrawer();
    });
    inputArea.addEventListener('keyup', function() {
      var string;
      if (input.value.trim()) {
        if(outputPaper.style.display == 'none') {
          fadeIn(outputPaper);
        }
        if (writtenMorse) {
          if (isWrittenMorseCode(input.value)) {
            string = getWrittenMorseEncoded(input.value);
          } else {
            string = getWrittenMorseDecoded(input.value);
          }
        } else {
          if (isNormalMorseCode(input.value)) {
            string = getNormalMorseEncoded(input.value);
          } else {
            string = getNormalMorseDecoded(input.value);
          }
        }
        outputArea.innerHTML = string;
      } else {
        fadeOut(outputPaper);
      }
    });
  });

})(document);

function fadeOut(element) {
    var op = 1;  // initial opacity
    var timer = setInterval(function () {
        if (op <= 0.1){
            clearInterval(timer);
            element.style.display = 'none';
        }
        element.style.opacity = op;
        element.style.filter = 'alpha(opacity=' + op * 100 + ")";
        op -= op * 0.1;
    }, 10);
}

function fadeIn(element) {
    var op = 0.1;  // initial opacity
    element.style.display = 'block';
    var timer = setInterval(function () {
        if (op >= 1){
            clearInterval(timer);
        }
        element.style.opacity = op;
        element.style.filter = 'alpha(opacity=' + op * 100 + ")";
        op += op * 0.1;
    }, 10);
}