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.**
? 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+.