import CellSet;
import * as Dom from UnitJS.Dom;

var grid = {
	element: document.getElementById('grid'),
	data: null,
	missing: null,
	size: null
};

var iter = generate; // alias for more intuitive use (discarding the result)

return {
	cell: cell,
	clear: clear,
	init: init,
	get: get,
	iter: iter,
};

function init(size, eventHandlers) {
	grid.size = size;
	for(var row = 0; row < size; row++) {
		grid.element.appendChild(
			makeRow({tag: 'td', attributes: eventHandlers, row: row})
		);
	}
	clear();
}

function makeRow(config) {
	var cells = [];
	for(var column = 0; column < grid.size; column++) {
		cells.push(Dom.make(config.tag, config.attributes(config.row, column)));
	}
	return Dom.make('tr', {}, cells);
}

function clear() {
	grid.data = generate(function() {return; });
	grid.missing = CellSet.make(
		{type: 'rectangle', row: 0, column: 0, width: 8, height: 8}
	);
	iter(function(row, column) {
		cell(row, column).className = '';
	});
}

function generate(f) {
	var result = [];
	for(var row = 0; row < grid.size; row++) {
		result[row] = [];;
		for(var column = 0; column < grid.size; column++) {
			result[row].push(f(row, column));
		}
	}
	return result;
}

function get() {
	return grid;
}

function cell(row, column) {
	return grid.element.children[row].children[column];
}