var BlueprintScaler = ModalView.extend({
	el: ".blueprintScaler",
	
	events: {
    "change [name=blueprint-dimensions]": "changeDimensions",
    "change [name=blueprint-units]": "changeUnits",
    "click #saveBlueprint": "save",
	},
	
	initialize: function(){
    this.$blueprintMap = this.$("#blueprintMap")
    this.$blueprintDimensionsRapper = this.$("#blueprintDimensions")
    this.$dimensions = this.$("[name=blueprint-dimensions]")
    this.$units = this.$("[name=blueprint-units]")
    this.$save = this.$("#saveBlueprint")

    this.map = map = new Map ({
      type: "ortho",
      el: this.$blueprintMap.get(0),
      width: window.innerWidth,
      height: window.innerHeight,
      zoom: -2,
      zoom_min: -6.2,
      zoom_max: 1,
    })
    map.ui.add_tool("arrow", new ArrowTool)
    map.ui.add_tool("position", new PositionTool)
    map.ui.set_tool("position")
    
    scene = scene || { camera: { x: 0, y: 0, z: 0 } }
    
    this.floorplan = new MX.Image ()
    
    this.animate()
	},
	
	pick: function(media){
    this.floorplan.load({ media: media, keepImage: true })
	},
	
	animate: function(t){
    requestAnimationFrame(this.animate.bind(this))

    var dt = t - this.last_t
    this.last_t = t

    if (! t) return

    this.map.update(t)

    this.map.draw.ctx.save()
    this.map.draw.translate()

    this.floorplan.draw(this.map.draw.ctx, true)

    this.map.draw.coords()

    this.map.draw.mouse(this.map.ui.mouse.cursor)

    this.map.draw.ctx.restore()
	},

	changeDimensions: function(){
	},
	changeUnits: function(){
	},
	save: function(){
	},

})