AJAX Javascript based navigation that maintains browser history and allows Hash based URLs to be bookmarkable.

AJAX Based Navigation (Read All Requirements) * HTML and CSS to render page navigation and tab states (see attached gifs) TAB NAVIGATION BEHAVIOR: * Click on tab, send ajax load page request. (pages loaded by ajax can be dummy text) * Display Loading Message (google gmail style) * Change display state of tab on successful load of AJAX call * Update URL hash to correspond with active tab on successful load of AJAX call * Allow bookmarking of a URL Hash, so that if a user pastes the hashed URL, the correct content will load. * Ensure browser history is functional (back and forward buttons) * Load cached page on subsequent page loads of a tab unless data has changed on page since last load. Have the ability to store the AJAX loaded page content in cache or to load it from the server. * Have the ability to load content via AJAX into any div on the page * All tabs and other links should have the option to: -load content via AJAX into specified div -hide or show an existing div's content -link to a new web page. OTHER REQUIREMENTS * Submitting forms should be able to be handled via AJAX as well * Needs to work in all major browsers: -IE 6, 7 -Firefox 2.x and 3 -Safari -Opera * Code should be well commented, modular, light weight and scalable ADDITIONAL NOTES: * We are open to using jQuery, MooTools or another light weight javascript library/framework ## Deliverables We require an interview before accepting any bidders. In the interview we will discuss the project and the requirements to make sure the bidder understands exactly what needs to be done and feels confident that he/she can deliver. If we realize any additional requirements during this interview, we will post them in the project notes before we come to a bidder/buyer agreement. Please view attached gif images to get a feel for how the navigation functions (Step by Step example [login to view URL] - [login to view URL]) Also view the AJAX_calls gifs for a visual representation of how the AJAX calls work and where the content loads on the page.