Сделать простую интерактивную карту на SVG

Сделать простую интерактивную карту на SVG.

Есть макет PSD. Там карта и на ней выделено несколько регионов.
Рядом с картой список этих самых регионов.
При наведении мыши на регион, под ним возникает тень (типа поднялся).
При наведении мыши на регион в списке, происходит то же самое.

Что в итоге я хочу получить.
- svg файл с картой
- js файл, где обрабатываются события наведения
- доработанный css файл main_page.css
- карта должна вести себя как обычный img (масштабироваться)

Html файл с разметкой списка регионов я дам.

Как это выглядит, можно посмотреть здесь prntscr.com/6ju888
PSD исходник во вложениях.
HTML файл тоже.

ВАЖНО!
Вёрстка делается в концепции bootstrap. Просьба в ней и оставаться.