Interactive Map using jQuery, HTML & CSS

Avg Bid (USD)
Project Budget (USD)
$250 - $350

Project Description:

Interactive Map – HTML/CSS and jQuery
I want to create an interactive map where it shows our branch offices in other country, there will be 6 country, so therefore, there will be 6 button with the country name (usa, france, etc.) We want to use jQuery, instead of Flash to have it work on iPhone and iPad.

1. World Map up on the page with Country button bar on top before the map.
2. User hover on country, then it shows the country highlighted with country name with (dot)
3. Or, user hover on Country Button and it shows the country highlighted with country name with (dot).
4. User CLICK on the highlighted country, and it shows a box on top layer with the contact information, the box must have a close button to close it. (must have an animation fade in when showing the box)

I will provide the assets (images "world map, dot icon, some CSS properties)
This must be done with XHTML doctype since the current site is still using that version; but the site will be upgraded to HTML5 six month from now, so please develop this in such a way that it will be easy to put this project on that version as well.

If you have any question feel free to ask. Thank you.

I am looking for a confident, reliable individual who can do this project in a timely passion.

Skills required:
jQuery / Prototype
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.