bring in lightcontrol & wallpaper picker

1 files changed, 25 insertions, 1 deletions

diff --git a/public/assets/javascripts/ui/editor/MediaViewer.js b/public/assets/javascripts/ui/editor/MediaViewer.js
index 96d7cf7..3911d3b 100644
--- a/public/assets/javascripts/ui/editor/MediaViewer.js
+++ b/public/assets/javascripts/ui/editor/MediaViewer.js
@@ -4,6 +4,25 @@ var MediaViewer = ModalView.extend({
 	createAction: "/api/docs/new",
 	updateAction: "/api/docs/edit",
 	destroyAction: "/api/docs/destroy",
+	
+	events: {
+		'click .foundToggle': "foundToggle",
+		'click .yourMedia': "userToggle",
+	},
+
+	foundToggle: function(){
+    $(".foundMedia").addClass("active");
+    $(".myMedia").addClass("inactive");
+    $('a').removeClass("active");
+    $('.foundToggle').addClass("active");
+	},
+	
+	userToggle: function(){
+    this.$(".foundMedia").removeClass("active");
+    this.$(".myMedia").removeClass("inactive");
+    this.$('a').removeClass("active");
+    this.$('.yourMedia').addClass("active");
+	},
 
 	show: function(){
 		if (! this.loaded) {
@@ -13,14 +32,19 @@ var MediaViewer = ModalView.extend({
 			this.__super__.show.call(this)
 		}
 	},
+	
+	hide: function(){
+		this.__super__.hide.call(this)
+		this.parent.mediaUpload.hide()
+	},
 
 	load: function(){
 		$.get("/api/media/user", $.proxy(this.populate, this))
 	},
 
 	populate: function(data){
+		this.loaded = true
 		data.forEach($.proxy(this.add, this))
-
 		this.__super__.show.call(this)
 	},