/*
*/

window.ctx = window.w = window.h = null;

var map = new function(){
	var base = this
	base.bounds = new vec2(500,500)
	base.center = new vec2(0,0)

	base.zoom = 1/2

	var canvas = document.createElement("canvas")
	var ctx = window.ctx = canvas.getContext("2d")
	var w = window.w = canvas.width = 500
	var h = window.h = canvas.height = 500
	document.querySelector("#map").appendChild(canvas)

	base.animate = function(){
		ctx.save()
		map.draw.clear_canvas()
		map.draw.ruler()

		ctx.scale( base.zoom, base.zoom )
		ctx.translate( map.center.a + map.bounds.a/2,  map.center.b + map.bounds.b/2 )
		ctx.scale( -1, 1 )

		map.draw.regions(clipper.regions)
		map.draw.mouse(map.ui.mouse.cursor)

		ctx.restore()
	}

}