var Pixel = Container.expand(function () {
	var self = Container.call(this);
	var pixelGraphics = self.createAsset('pixel', 'Pixel Graphics', .5, .5);
	self.color = 0x000000;
	self.setColor = function (color) {
		self.color = color;
		pixelGraphics.tint = color;
	};
	self.on('down', function (obj) {
		self.setColor(currentColor);
	});
});
var Palette = Container.expand(function () {
	var self = Container.call(this);
	var paletteGraphics = self.createAsset('palette', 'Palette Graphics', .5, .5);
	self.colors = [0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0xFF00FF, 0x00FFFF, 0xFFFFFF, 0x000000];
	self.on('down', function (obj) {
		var pos = obj.event.getLocalPosition(self);
		var index = Math.floor(pos.x / (self.width / self.colors.length));
		currentColor = self.colors[index];
	});
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var currentColor = 0x000000;
	var pixels = [];
	var palette = self.addChild(new Palette());
	palette.x = 2048 / 2;
	palette.y = 2732 - palette.height / 2;
	var gridSize = 50;
	var pixelSize = 2048 / gridSize;
	for (var i = 0; i < gridSize; i++) {
		for (var j = 0; j < gridSize; j++) {
			var pixel = self.addChild(new Pixel());
			pixel.x = i * pixelSize + pixelSize / 2;
			pixel.y = j * pixelSize + pixelSize / 2;
			pixels.push(pixel);
		}
	}
	LK.on('tick', function () {});
});

var Pixel = Container.expand(function () {
	var self = Container.call(this);
	var pixelGraphics = self.createAsset('pixel', 'Pixel Graphics', .5, .5);
	self.color = 0x000000;
	self.setColor = function (color) {
		self.color = color;
		pixelGraphics.tint = color;
	};
	self.on('down', function (obj) {
		self.setColor(currentColor);
	});
});
var Palette = Container.expand(function () {
	var self = Container.call(this);
	var paletteGraphics = self.createAsset('palette', 'Palette Graphics', .5, .5);
	self.colors = [0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0xFF00FF, 0x00FFFF, 0xFFFFFF, 0x000000];
	self.on('down', function (obj) {
		var pos = obj.event.getLocalPosition(self);
		var index = Math.floor(pos.x / (self.width / self.colors.length));
		currentColor = self.colors[index];
	});
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var currentColor = 0x000000;
	var pixels = [];
	var palette = self.addChild(new Palette());
	palette.x = 2048 / 2;
	palette.y = 2732 - palette.height / 2;
	var gridSize = 50;
	var pixelSize = 2048 / gridSize;
	for (var i = 0; i < gridSize; i++) {
		for (var j = 0; j < gridSize; j++) {
			var pixel = self.addChild(new Pixel());
			pixel.x = i * pixelSize + pixelSize / 2;
			pixel.y = j * pixelSize + pixelSize / 2;
			pixels.push(pixel);
		}
	}
	LK.on('tick', function () {});
});