$(document).ready(function () {
  var changesets = [], rects = {};
  var map = createMap("changeset_list_map");
  var group = L.featureGroup().addTo(map);

  $("[data-changeset]").each(function () {
    var changeset = $(this).data('changeset');
    if (changeset.bbox) {
      changeset.bounds = L.latLngBounds([changeset.bbox.minlat, changeset.bbox.minlon],
                                        [changeset.bbox.maxlat, changeset.bbox.maxlon]);
      changesets.push(changeset);
    }
  });

  changesets.sort(function (a, b) {
    return b.bounds.getSize() - a.bounds.getSize();
  });

  for (var i = 0; i < changesets.length; ++i) {
    var changeset = changesets[i],
        rect = L.rectangle(changeset.bounds,
                           {weight: 2, color: "#ee9900", fillColor: "#ffff55", fillOpacity: 0});
    rect.id = changeset.id;
    rects[changeset.id] = rect;
    rect.addTo(group);
  }

  function highlightChangeset(id) {
    rects[id].setStyle({fillOpacity: 0.5});
    $("#changeset_" + id).addClass("selected");
  }

  function unHighlightChangeset(id) {
    rects[id].setStyle({fillOpacity: 0});
    $("#changeset_" + id).removeClass("selected");
  }

  group.on({
    mouseover: function (e) {
      highlightChangeset(e.layer.id);
    },
    mouseout: function (e) {
      unHighlightChangeset(e.layer.id);
    }
  });

  $("[data-changeset]").on({
    mouseover: function () {
      highlightChangeset($(this).data("changeset").id);
    },
    mouseout: function () {
      unHighlightChangeset($(this).data("changeset").id);
    }
  });

  $(window).scroll(function() {
        if ($(window).scrollTop() > $('.content-heading').outerHeight() + $('#top-bar').outerHeight() ) {
            $('#changeset_list_map_wrapper').addClass('scrolled');
        } else {
            $('#changeset_list_map_wrapper').removeClass('scrolled');
        }
  });

  var params = OSM.mapParams();
  if (params.bbox) {
    map.fitBounds([[params.minlat, params.minlon],
                   [params.maxlat, params.maxlon]]);
  } else {
    map.fitBounds(group.getBounds());
  }
});