Форма с javascript

На экране нужно нарисовать табличку (средствами HTML). Клеточки квадратные. Ширина 28 клеток, высота 24.

Каждые 4 клетки в ширину - это столбик, его граница жирная. Столбик делится на 2 подстолбика жирным пунктиром.

Границы всех остальных клеточек малозаметные.

Справа от таблицы висят 6 иконок (картинки). Если мы вначале тыкаем на иконку 1, то когда начинаем тыкать в клетки, то фон у каждой клеточки меняется на уменьшенную версию иконки 1. Соответственно также для всех остальных иконок. Иконки и уменьшенные иконки будут даны. Как идея: квадратики можно попробовать сделать на чекбоксах.

Вся таблица находится в форме. При сабмите формы мы должны получить php-массив (двухмерный), в котором указан номер иконки для каждой клеточки (от 1 до 6). Массив можно вывести через var_dump()