Project Detail

Description

I'm looking for someone who can provide the finishing touch for an almost ready to use navigationbar with tabs using javascript and css.

The project can be viewed at:
http://www.trendy-hotels.nl/index_test.php

It is the tabbed menu which contains the three items "Trendy Hotels", "Vliegtickets" and "Autohuur".

What needs to be done is the following:

- on loading and reloading the "Trendy Hotels" tab needs to be selected (Orange letters and orange border around the tab and around the box with hotelsearch) including the content of the hotels box with the hotelsearch option.
- Whenever one of the other two tabs is clicked e.g. "Vliegtickets" or "Autohuur". The content of the box is loaded automatically. The tab needs to remain selected (highlited orange text and orange border around the tab and orange border around the autohuur box.) AND the "Trendy Hotels" tab needs not to be selected anymore, this one should change into a the version with lighter orange letters and white border. Ofcourse the same should happen in case someone selects "Vliegtickets". At the moment after having clicked the tab changes into the 'non mouse over' version.
- The orange bottom-border under the tabs need to be adapted correctly
- The script needs to be browser compatible.