var dragging = false
var drawing = false
var erasing = false
var selecting = false
var filling = false
var changed = false
var transforming = false
var focused

var canvas, tools, palette, controls, brush, mode
var current_tool, current_filetool, current_canvas
var mouse = { x: 0, y: 0 }

function init () {
  build()
  bind()
}
function build () {
  canvas.append(canvas_wrapper)
  brush.append(brush_wrapper)
  palette.append(palette_wrapper)
  letters.append(letters_wrapper)
  letters.repaint("Basic Latin")

  controls.circle.focus()

  brush.bg = colors.red
  brush.generate()
  brush.build()

  // controls.grid.use()
  canvas.resize_wrapper()
}
function bind () {
  canvas.bind()
  palette.bind()
  letters.bind()
  brush.bind()
  controls.bind()
  keys.bind()
  clipboard.bind()

  window.addEventListener('mouseup', function(e){
    dragging = erasing = false

    var ae = document.activeElement

    if ((ae !== export_textarea) && (ae !== import_textarea)) {
      cursor_input.focus()
    }

    if (selecting) {
      selection.up(e)
    }
    else if (transforming) {
      transform.up(e)
    }
  })
  window.addEventListener("touchend", function(){
    if (current_tool.name === "text") {
      cursor_input.focus()
    }
    dragging = false
  })

  window.addEventListener('mousedown', function(e){
    // cursor_input.focus()
  })

  document.addEventListener('DOMContentLoaded', function(){
    cursor_input.focus()
    document.body.classList.remove('loading')
  })

  window.onbeforeunload = function() {
    // if (changed && !in_iframe()) return "You have edited this drawing."
  }

  function in_iframe () {
    try {
      return window.self !== window.top;
    } catch (e) {
      return true;
    }
  }
}

init()