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

	events: {
		"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
		map.ui.permissions.toggle()
	},

	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)
	},

})