Как затемнить/обесцветить все изображение кроме наведенной area, используя jquery maphilight?

Для выделения областей на изображении использую библиотеку maphilight, появилась необходимость затемнять или забелять всю область кроме наведенной. Т.е. при наведении пользователем на изображение, оно затемнялось кроме наведенной area.
Пробовал обесцвечивать на css с помощью filter:

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url('images/grayscale.svg#greyscale');

Все становится бесцветным. Пробовал давать opacity при наведении на блок, ничего не выходит.
Может кто сталкивался с подобной проблемой или есть аналоги maphilight с реализацией данной возможности через api.