var FullscreenControl = L.Control.extend({
  options: {
    position: 'topleft'
    // control position - allowed: 'topleft', 'topright', 'bottomleft', 'bottomright'
  },
  onAdd: function (map) {
    var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control-fullscreen')
    container.innerHTML = "<a href='#'><i class='fa fa-arrows-alt'></i></a>"
    container.title = lang('toggle_fullscreen')

    container.onclick = function () {
      document.body.classList.toggle('fullscreen')
      map.invalidateSize()
      return false
    }

    return container
  }
})

register_hook('init', function (callback) {
  map.addControl(new FullscreenControl())
})

register_hook('show', function (url, options) {
  if (options.showDetails) {
    document.body.classList.remove('fullscreen')
  }
})