Добрый день.
Возникла потребность реализовать следующий функционал.
Пользователь заходит на сайт и видит карту метро Москвы (картинка png), кликает по какой-либо станции метро и во всплывающем окне отображается информация об офисе организации.
Сейчас это сделано через area (на странице автоматически генерируются отметки с координатами)

Возник затык на другом этапе. Нужно каким-то образом затемнять/скрывать те станции метро, для которых не сгенерирован код area, т.е. те станции, на которых нет офисов организации.
Подскажите, пожалуйста, каким способом можно решить данную проблему?

Тоесть, сейчас есть только картинка и прикрученная к ней area? 

Что хочется получить?

При клике на отмеченнный в area участок можно вызвать любой обработчик и вывести любое нжное всплывающее окно. А вот для остальных сработает обрабочик клика по картинке (или объемлющий элемент area). Можно вывести что-нибудь жизнеутверждающее...

Чтобы "подсветить" элементы выделенные с помощью area я знаю только один способ - вручную распарсить area-структуру, нарисовать картинку в элементе канвас и раскрасить этот канвас геометрическими фигурами, как написано в area. 

Можно разбить картинку на элементы и наложить прозрачность, а при активации определенного - убирать прозрачность... Как-то так...