--- a/client/js/paper-renderer.js	Mon Mar 25 17:52:14 2013 +0100
+++ b/client/js/paper-renderer.js	Mon Mar 25 18:54:23 2013 +0100
@@ -1233,6 +1233,7 @@
     this.$ = Rkns.$(".Rk-Render");
     this.representations = [];
     this.$.html(this.template(_renkan));
+    this.onStatusChange();
     this.canvas_$ = this.$.find(".Rk-Canvas");
     this.editor_$ = this.$.find(".Rk-Editor");
     this.notif_$ = this.$.find(".Rk-Notifications");
@@ -1553,7 +1554,7 @@
     + '<% if (!read_only) { %>'
     + '<div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddNode-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Tip"></div><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Node")%></div></div></div>'
     + '<div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddEdge-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Tip"></div><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Edge")%></div></div></div>'
-    + '<div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Save-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Tip"></div><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Archive Project")%></div></div></div>'
+    + '<div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Save-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Tip"></div><div class="Rk-TopBar-Tooltip-Contents"> </div></div></div>'
     + '<div class="Rk-TopBar-Separator"></div><a class="Rk-TopBar-Button Rk-Bookmarklet-Button" href="#"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Tip"></div><div class="Rk-TopBar-Tooltip-Contents">'
     + '<%-translate("Renkan \'Drag-to-Add\' bookmarklet")%></div></div></a>'
     + '<div class="Rk-TopBar-Separator"></div></div>'
@@ -1588,6 +1589,23 @@
     return _bundle;
 }
 
+Rkns.Renderer.Scene.prototype.onStatusChange = function() {
+	var savebtn = this.$.find(".Rk-Save-Button"),
+		tip = savebtn.find(".Rk-TopBar-Tooltip-Contents");
+	if (this.renkan.read_only) {
+		savebtn.removeClass("disabled Rk-Save-Online").addClass("Rk-Save-ReadOnly");
+		tip.text(this.renkan.translate("Connection lost"));
+	} else {
+		if (this.renkan.snapshot_mode) {
+			savebtn.removeClass("Rk-Save-ReadOnly Rk-Save-Online");
+			tip.text(this.renkan.translate("Archive Project"));
+		} else {
+			savebtn.removeClass("disabled Rk-Save-ReadOnly").addClass("Rk-Save-Online");
+			tip.text(this.renkan.translate("Auto-save enabled"));
+		}
+	}
+}
+
 Rkns.Renderer.Scene.prototype.setScale = function(_newScale) {
     this.scale = _newScale;
     this.redraw();