OSM.Index = function(map) {
var page = {};
- page.pushstate = function(path) {
+ page.pushstate = function() {
$("#content").addClass("overlay-sidebar");
map.invalidateSize({pan: false})
- .panBy([-300, 0], {animate: false});
- OSM.loadSidebarContent(path);
+ .panBy([-350, 0], {animate: false});
};
- page.popstate = function(path) {
+ page.load = function() {
+ return map.getState();
+ };
+
+ page.popstate = function() {
$("#content").addClass("overlay-sidebar");
map.invalidateSize({pan: false});
- OSM.loadSidebarContent(path);
};
page.unload = function() {
- map.panBy([300, 0], {animate: false});
+ map.panBy([350, 0], {animate: false});
$("#content").removeClass("overlay-sidebar");
map.invalidateSize({pan: false});
};
"/browse/:type/:id(/history)": OSM.Browse(map)
});
+ OSM.route.load();
+
$(document).on("click", "a", function(e) {
if (e.isDefaultPrevented() || e.isPropagationStopped()) return;
if (this.host === window.location.host && OSM.route(this.pathname + this.search + this.hash)) e.preventDefault();
$(".search_form").on("submit", function(e) {
e.preventDefault();
- $("#header").addClass("closed");
+ $("header").addClass("closed");
var query = $(this).find("input[name=query]").val();
if (query) {
OSM.route("/search?query=" + encodeURIComponent(query) + OSM.formatHash(map));