(function() {
  "use strict";
  var clicked = null;
  $(function() {
      document.addEventListener('contextmenu', (ev) => {
        console.log("context menu");
        if(ev.button == 2 && ev.shiftKey && ev.ctrlKey) {
          ev.preventDefault(); ev.stopPropagation();
          //$("*").removeClass("kaomanaged");
          //$(ev.target).addClass('kaomanaged');
          //console.log("class kaomanaged added to",ev.target)
          chrome.storage.sync.get("user", (storage) => {
		let keywords = storage.user.keywords.map( (keyword) => {
			return $("<div class='kaomanage-keyword'>"+keyword+"</div>");
		})
		let container = $("<div class='kaomanage-context'></div>");
		container.mousedown((e) => { $(container).fadeOut(300, () => $(container).remove()); })
		_.each(keywords, (keyword) => $(container).append(keyword));
		$(container).css({display: 'none', position: 'absolute', left: ev.clientX, top: ev.clientY, zIndex: 9001})
		console.log("container",container,"keywords",keywords);
		$("body").append(container);
		$(container).fadeIn(300);
	  })
          return false;
        }
      })
      document.addEventListener("mousedown", (ev) => {
        console.log("mousedowner");
        if(ev.button == 2) {
          //$("*").removeClass("kaomanaged");
          //$(ev.target).addClass('kaomanaged');
          //console.log("class kaomanaged added to",ev.target)
          return false;
        }

      });
      //do shit
      function insertKaomoji(keyword) {
        target = $(".kaomanaged");
        chrome.storage.sync.get("user", (storage) => {
          let mojis = _.filter(storage.user.kaomoji, {keyword: keyword});
          console.log("mojis",mojis);
          let moji = _.sample(mojis).moji;
          console.log("moji",moji);
          console.log("target",target);
          let tmp = $(target).val();
          console.log('tmp',tmp);
          $(target).val(tmp+moji);
        })
      }
    });
})();