var BuilderToolbar = View.extend({
	el: "#builderToolbar",

	events: {
	  "mousedown": "stopPropagation",
		"click [data-role='toggle-map-view']": 'toggleMap',
		"click [data-role='toggle-layout-settings']": 'toggleSettings',
		"click [data-role='undo']": 'undo',
// 		"click [data-role='create-mode']": 'create',
// 		"click [data-role='resize-mode']": 'resize',
// 		"click [data-role='move-mode']": 'move',
		"click [data-role='destroy-mode']": 'destroy',
	},
	
	initialize: function(opt){
		this.parent = opt.parent
		this.resetPermissions()
	},
	
	resetPermissions: function(){
		map.ui.permissions.clear()
		map.ui.permissions.add("create")
		map.ui.permissions.add("move")
		map.ui.permissions.add("resize")
	},

	toggleMap: function(){
		map.toggle()
	},
	
	toggleSettings: function(){
		this.parent.settings.toggle()
	},
	
	undo: function(){
	},

/*	
	create: function(e){
		var state = map.ui.permissions.toggle("create")
		$(".inuse").removeClass("inuse")
		$(e.currentTarget).toggleClass("inuse", state)
	},
	
	resize: function(e){
		var state = map.ui.permissions.toggle("resize")
		$(".inuse").removeClass("inuse")
		$(e.currentTarget).toggleClass("inuse", state)
	},
	
	move: function(e){
		var state = map.ui.permissions.toggle("move")
		$(".inuse").removeClass("inuse")
		$(e.currentTarget).toggleClass("inuse", state)
	},
*/

	destroy: function(e){
		var state = map.ui.permissions.toggle("destroy")
		$(".inuse").removeClass("inuse")
		$(e.currentTarget).toggleClass("inuse", state)
		if (! state) {
		  this.resetPermissions()
		}
	},

})