var MediaViewer = ModalView.extend({
	el: ".mediaDrawer.mediaViewer",
	createAction: "/api/docs/new",
	updateAction: "/api/docs/edit",
	destroyAction: "/api/docs/destroy",

	show: function(){
		if (! this.loaded) {
			this.load()
		}
		else {
			this.__super__.show()
		}
	},

	load: function(){
		$.get("/api/media/user", $.proxy(this.populate, this)
	},

	populate: function(data){
		data.forEach($.proxy(function(room){
			var $span = $("<span>")
			// $span.html(JSON.stringify(room))
			$span.data("slug", room.slug)
			$span.css("background-image", "url(" + room.photo + ")")
			
			this.$templates.append($span)
		}, this))
		this.__super__.show()
	},

	destroy: function(name, cb){
		$.ajax({
			type: "delete",
			url: this.destroyAction,
			data: { name: name, _csrf: $("[name=_csrf]").val() }
		}).complete(cb || function(){})
	},

})