On my menubar on the site, there is a logo of a map that pinpoints the exact locations of each of the SouthEastern Conference teams. What I would like is, upon someone entering the homepage (and ONLY the homepage!), the map expands outwards from the logo into a pop up, asking "What team would you like to shop for?" As the user moves their mouse over one of the points on the map, a logo of the respective team pops up (kind of like how on Google Maps where it pinpoints the location you're searching for, and if you hover over the flagged point on the map, more information pops up). Then the user can click on that point on the map to go to the team's website. If the user clicks out of the pop up, rather than the window just closing i would like the image to just shrink back into the logo.
Obviously I can achieve making the points clickable to different website locations using image mapping, but where would I start to code for the other parts I described? I'm almost about to just pay someone to do this for me because I can't find any resources online.
My site is SEC Gear