Как я могу выделить только определенные области изображения?

У меня есть изображение человеческого скелета примерно с 60 областями, которые я хочу выделить и сделать доступными для кликов. Они находятся в круге и пронумерованы от 1 -60.

Вся идея в том, что я хочу нажать на нубмеры (на изображении) и выделить эту часть изображения.

Я использовал JQuery, чтобы навести курсор на числа / область и выделить (навести указатель мыши на с помощью мыши), и когда пользователь нажимает номер, я получаю номер, по которому щелкнули, и обрабатываю код на стороне сервера. (.NET C #)

Но я хочу, чтобы место, где я щелкнул, оставалось цветным ... над числом и изменение цвета работает нормально ... Но я хочу, чтобы при щелчке по изображению цвет изменялся / сохранялся ...

Ниже приведены образцы, которые меняют цвет при наведении курсора мыши, но при нажатии цвет не меняется.

http://davidlynch.org/js/maphilight/docs/

http://davidlynch.org/js/maphilight/docs/demo_simple.html

любой идеи как т o выделить некоторые области на изображении?

пример кода ниже: