(function () {
	var ns = $.namespace("pskl.controller");
	ns.DrawingController = function (frame, container, dpi) {
		this.dpi = dpi;

		// Public
		this.frame = frame;
		this.overlayFrame = pskl.model.Frame.createEmptyFromFrame(frame); // Type is frame

		// Private
		this.container = container;
		this.renderer = new pskl.rendering.FrameRenderer(this.container, dpi, "drawing-canvas");
		this.overlayRenderer = new pskl.rendering.FrameRenderer(this.container, dpi, "canvas-overlay");
		//this.mainCanvas = this.createMainCanvas();
		//this.overlayCanvas = this.createOverlayCanvas();
		this.renderer.init(this.frame);
		this.overlayRenderer.init(this.frame);
	};

	ns.DrawingController.prototype.updateDPI = function (newDPI) {
		//this.renderer.updateDPI(newDPI);
		//this.overlayRenderer.updateDPI(newDPI);
	};

	ns.DrawingController.prototype.renderFrame = function () {
		this.renderer.render(this.frame);
	};

	ns.DrawingController.prototype.renderFramePixel = function (col, row) {
		this.renderer.drawPixel(col, row, this.frame);
	};

	ns.DrawingController.prototype.renderOverlay = function () {
		this.overlayRenderer.render(this.overlayFrame);
	};

	ns.DrawingController.prototype.clearOverlay = function () {
		this.overlayFrame = pskl.model.Frame.createEmptyFromFrame(this.frame);
		this.overlayRenderer.clear();
	};
})();