3 files changed, 29 insertions, 6 deletions
diff --git a/public/assets/javascripts/ui/editor/EditorToolbar.js b/public/assets/javascripts/ui/editor/EditorToolbar.js
index a3abc5a..5e0da7e 100644
--- a/public/assets/javascripts/ui/editor/EditorToolbar.js
+++ b/public/assets/javascripts/ui/editor/EditorToolbar.js
@@ -30,6 +30,7 @@ var EditorToolbar = View.extend({
 		this.parent.mediaViewer.show()
 		this.parent.mediaUpload.show()
 		this.resetMode()
+		this.resetControls()
 	},
 	
 	resetMode: function(){
@@ -43,6 +44,7 @@ var EditorToolbar = View.extend({
 	},
 	
 	resizeMedia: function(e, state){
+		this.resetControls()
 		if (! state && typeof e == "boolean") {
 			state = e
 			editor.permissions.assign("resize", state)
@@ -59,6 +61,7 @@ var EditorToolbar = View.extend({
 	},
 	
 	destroyMedia: function(e, state){
+		this.resetControls()
 		if (! state && typeof e == "boolean") {
 			state = e
 			editor.permissions.assign("destroy", state)
@@ -73,11 +76,19 @@ var EditorToolbar = View.extend({
 	},
 	
 	toggleWallpaper: function(){
-		this.parent.wallpaperPicker.toggle()
+		var state = ! $("[data-role='toggle-wallpaper-panel']").hasClass("inuse")
+		this.resetMode()
+		$("[data-role='toggle-wallpaper-panel']").toggleClass("inuse", state)
+		this.parent.lightControl.hide()
+		this.parent.wallpaperPicker.toggle(state)
 	},
 	
 	toggleLightControl: function(){
-		this.parent.lightControl.toggle()
+		var state = ! $("[data-role='toggle-light-control']").hasClass("inuse")
+		this.resetMode()
+		$("[data-role='toggle-light-control']").toggleClass("inuse", state)
+		this.parent.wallpaperPicker.hide()
+		this.parent.lightControl.toggle(state)
 	},
 	
 	editWallText: function(){
diff --git a/public/assets/javascripts/ui/editor/LightControl.js b/public/assets/javascripts/ui/editor/LightControl.js
index 93d97ed..c3e80c2 100644
--- a/public/assets/javascripts/ui/editor/LightControl.js
+++ b/public/assets/javascripts/ui/editor/LightControl.js
@@ -6,12 +6,18 @@ var LightControl = View.extend({
 		"mousedown": "stopPropagation",
 	},
 
-	toggle: function(){
-    this.$el.toggleClass("active");
+	toggle: function(state){
+    this.$el.toggleClass("active", state);
 
     // toggle the class that makes the cursor a paintbucket
     // $("body").removeClass("pastePaper");
 	},
+	show: function(){
+		this.toggle(true)
+	},
+	hide: function(){
+		this.toggle(false)
+	},
 
 /*
 	$("#shadow-control").on({
diff --git a/public/assets/javascripts/ui/editor/WallpaperPicker.js b/public/assets/javascripts/ui/editor/WallpaperPicker.js
index cb1e361..9ee441b 100644
--- a/public/assets/javascripts/ui/editor/WallpaperPicker.js
+++ b/public/assets/javascripts/ui/editor/WallpaperPicker.js
@@ -23,11 +23,17 @@ var WallpaperPicker = View.extend({
 		wm.init()
 	},
 
-	toggle: function(){
-    this.$el.toggleClass("active");
+	toggle: function(state){
+    this.$el.toggleClass("active", state);
     // toggle the class that makes the cursor a paintbucket
     // $("body").removeClass("pastePaper");
 	},
+	show: function(){
+		this.toggle(true)
+	},
+	hide: function(){
+		this.toggle(false)
+	},
 	
 	pick: function(e){
     var $swatch = $(e.currentTarget)