Add interactive image pinboard page to website

We require an image pinboard page to be added to an existing website. The website is a fairly standard MySQL, PHP JQuery custom site and already has a basic register, login and front pages. When the pinboard page is navigated to by a logged in user it should either display the user's pinboard, or if there is not one in the DB create a blank one and display it. The pin board should allows the user to layout images and simple text post it notes and arrange them just as they would with a physical pin-board. Additional functionality will be added to the pinboard page later. It should be considered something of a background. So it should be coded so that additional div's can be added to the page and positioned over the pinboard with as little impact on the page as possible. Functionality of the Pinboard. - No functionality should cause a page reload. All changes should update AJAX style using JQuery. - Images can be added from an Internal library via a modal image browsing window. -Post it's can be added from a simple modal pop up. - There is no "edit mode" any changes to the pinboard page should be persisted in the background. - The pinboard should consume all of the browser window it should not be a fixed size. - The pinboard description should be inlace editable, and locatable via CSS so designers can place it both at the top and bottom of the page. - Controls will be placed around the edge of the page and should be positional via CSS such that they sick to the edge of the window. They should be simple icons like a "+". - For the initial version of the page the following control icons should be present. The exact graphics is not important but they should function as below. 1. "+": Add image from library. This brings up a modal image library browse page from which the users can chose one or more images. When the modal is closed the images are added to the pinboard. 2. Upload an image. This will bring up an upload page where the user can choose an image from their own PC, Tag and label it and then upload it to their pinboard. This should be saved to the website and indexed in the DB such that it's only available to that user. 3. Add Postit. This brings up the modal allowing a post it to be added. Image and post it functionality - Hovering over an image/postit overlays up small icons in the top right to control size and delete. - Images/post its can be moved by dragging them around. - Images can be resized from small, medium, large with icons. These are fixed sizes, but they should be configurable in code so that the graphic designers can tweak overall dimensions. Image Browsing Modal Functionality This can be popped up when the "+" control is pressed or when a parameter is set on the main pinboard page on load. Look and feel should be similar to google image search, The user types words into a search box and all the images that contain that word in either a tag or description are shown. Each image should have a checkbox overlaid on the top right corner which allows the user to select one or more images. When the modal is closed the images selected are passed back to the main page to be added to the pinboard. Backend Functionality. A database design exists, although it can be modified if required. The inboard page should interact with the DB via a well defined intermediary PHP class abstraction layer to be built as part of the project. Source for the existing website and empty sample DB will be provided.