<div id="map">
  <div id="potlatch"><%= raw t 'site.edit.flash_player_required' %></div>
</div>

<%= javascript_include_tag 'swfobject.js' %>

<% if defined? POTLATCH2_KEY %>
<% token = @user.access_token(POTLATCH2_KEY) %>
<% else%>
<script type="text/javascript">alert("<%= t 'site.edit.potlatch2_not_configured' %>")</script>
<% end %>

<% locale = request.compatible_language_from(Potlatch2::LOCALES.keys) || "en" %>

<script type="text/javascript" defer="defer">
  var changesaved=true;
  
  window.onbeforeunload=function() {
    if (!changesaved) {
      return '<%= escape_javascript(t('site.edit.potlatch2_unsaved_changes')) %>';
    }
  }

  function markChanged(a) { changesaved=a; }

  function doSWF(lat,lon,zoom) {
    var flashvars = {};
    if (lat) { flashvars.lat = lat; }
    if (lon) { flashvars.lon = lon; }
    flashvars.zoom = zoom;
    flashvars.assets = "<%= asset_path "potlatch2/assets.zip" %>";
    flashvars.font_library = "<%= asset_path "potlatch2/FontLibrary.swf" %>";
    flashvars.locale = "<%= Potlatch2::LOCALES[locale] %>";
    flashvars.locale_paths = "<%= Potlatch2::LOCALES[locale] %>=<%= asset_path("potlatch2/locales/#{Potlatch2::LOCALES[locale]}.swf") %>";
    <% if params['gpx'] %>
    flashvars.gpx = '<%= h(params['gpx']) %>';
    <% end %>
    <% if params['tileurl'] %>
    flashvars.tileurl = '<%= h(params['tileurl']) %>';
    <% end %>
    flashvars.api = "<%= request.protocol + request.host_with_port %>/api/<%= API_VERSION %>/";
    flashvars.policy = "<%= request.protocol + request.host_with_port %>/api/crossdomain.xml";
    flashvars.connection = "XML";
    flashvars.show_help = "once";
    <% if token %>
    flashvars.oauth_token = "<%= token.token %>";
    flashvars.oauth_token_secret = "<%= token.secret %>";
    flashvars.oauth_consumer_key = "<%= token.client_application.key %>";
    flashvars.oauth_consumer_secret = "<%= token.client_application.secret %>";
    <% end %>
    flashvars.maximise_function = "maximiseMap";
    flashvars.minimise_function = "minimiseMap";
    flashvars.move_function = "mapMoved";

    var params = {};
    params.base = "/potlatch2";

    var attributes = {};
    attributes.id = "potlatch";
    attributes.bgcolor = "#FFFFFF";

    swfobject.embedSWF("<%= asset_path("potlatch2.swf") %>", "potlatch", "100%", "100%", "10.1.102","<%= asset_path("expressInstall.swf") %>", flashvars, params, attributes);
    // 700,600 for fixed size, 100%,100% for resizable
  }

  <% if @lat && @lon -%>
  doSWF(<%= @lat %>,<%= @lon %>,16);
  <% else -%>
  var params = OSM.mapParams();
  doSWF(params.lat, params.lon, params.zoom || 17);
  <% end -%>

  $(document).ready(function () {
    $("body").on("click", "a.set_position", function () {
      var lat = parseFloat($(this).attr("data-lat"));
      var lon = parseFloat($(this).attr("data-lon"));
      var zoom = parseInt($(this).attr("data-zoom"));

      $("#potlatch").each(function () {
        this.setPosition(lat, lon, Math.max(zoom || 15, 13));
      });
    });
  });

  function mapMoved(lon, lat, zoom, minlon, minlat, maxlon, maxlat) {
    updatelinks(lon, lat, zoom, null, minlon, minlat, maxlon, maxlat);
  }
</script>
