Fixings on a map (wordpress website)

Hi, I have a wordpress website created from a PSD design using X theme. [login to view URL] I need some fixings on the homepage map: 1. When you hover or click on any of the cities on the left, 2 things happen: 1a) The corresponding state and city marker get highlighted on the map. 1b) The text at the bottom of the cities list gets changed to the corresponsing city name. Ex: View all Atlanta Apartments 2. When you hover on the map on any of the states where we have apartments available, the city markers should appear. When you click on any of the city markers the text at the bottom of the cities list changes to the corresponding city. City markers get highlighted on click or hover to white. 3. All the states are clickable and highlighted on hover now. We only want to highlight the states where we have cities with apartments. No state should be clickable, only the city markers. Important: Change of text at the bottom to reflect the chosen city on case 1 or 2 only happens on click, not on hover. 4. Minor css adjustments so it looks like in the PSD ( arrows color and position, etc). Check also the psd responsive on how it should look. (I've attached the png designs, I can send you the psd files if needed) List of cities and corresponding states ( use google maps to know where to place the market in the map ) Atlanta - Georgia Dallas - Texas Austin - Texas Dayton - Ohio Cincinatti - Ohio Columbus - Ohio Charlotte - North Carolina Raleigh-Durham - North Carolina Denver - Colorado Chicago - Illinois Minneapolis - Minnesota Nashville - Tennesee Start your bid telling me the color of the map. Any copy-past bids will be deleted automatically. Thanks.