var EditorView = View.extend({
	el: "#editorView",
	
	projectAction: "/api/project/",
	layoutAction: "/api/layout/",

	events: {
	},
	
	initialize: function(){
		this.toolbar = new EditorToolbar ({ parent: this })
		this.settings = new EditorSettings ({ parent: this })
		this.mediaViewer = new MediaViewer ({ parent: this })
		this.mediaUpload = new MediaUpload ({ parent: this })
		this.mediaEditor = new MediaEditor ({ parent: this })
		this.wallpaperPicker = new WallpaperPicker ({ parent: this })
		this.lightControl = new LightControl ({ parent: this })
	},

	load: function(name){
		name = sanitize(name)
		$.get(this.projectAction + name, $.proxy(this.ready, this))
	},
	
	loadLayout: function(layout){
		layout = sanitize(layout)
		$.get(this.layoutAction + layout, $.proxy(this.readyLayout, this))
	},
	
	ready: function(data){
		$("#map").hide()
				
		this.settings.load(data)
	},
	
	readyLayout: function(data){
		data.isNew = true
		this.ready(data)
	}

})