Create Web Application Navigation Shell with jQuery and AJAX/JSON API

The purpose of this project is to create a functioning front-end Navigation Shell in which we can insert various application components depending on current navigation status. The navigation system will interact with our back-end system using AJAX calls. Use the guidelines below as well as the attached PSDs and detailed UI implementation sketches to create a jQuery driven front-end UI API that includes everything our programmers will need to hook in and serve end-user functionality. **Bonus Available based on Quality of Work and Speed of Delivery.** ## Deliverables Project Guidelines ? Only use the jQuery framework and jQuery plugins for the UI (no other frameworks). Custom coding is acceptable as long as it fully utilizes jQuery to assure maximum efficiency. ? All clickable images, buttons, and areas should have a hover effect when the mouse is over the affected element. ? Certain regions and panels are drag-n-drop "dockable" as seen in attached instructional graphics. ? We should cache all navigation data used on a page. That cached buffer should be updated at the same time any changes are posted back to the server (using AJAX/JSON). ? Always notify the server upon changing, deleting, moving, or specifying new navigation elements. ? The left side has two forms of navigation? one is collapsed with fly-outs for maximum use of screen pixels and the other mode shows all hubs/categories/titles in a larger left column area. These two views can be toggled and should persist unless changed by the user or a call to the navigation shell API. ? There should be no horizontal scrolling. ? Styles should be specific to the elements used and should not be inherited to main component content area (where 3rd party components will live) ? A internal component DIV should able to be inserted without excess padding. ? Please create a set of reusable modal windows (with a library of cases? each case is a different message / use) that can be called from anywhere. For example usage purposes, please use this for delete confirmations. ? All HTML and CSS should validate to W3C standards using XHTML 1.0 transitional. ? Supported browsers should be IE7+, FF3+, Chrome 1+, and Safari 4+.