1. I have a basic "before and after" photo gallery on my website (see attached image: [url removed, login to view]). I need the photo gallery to be upgraded look like the attached image: [url removed, login to view]
NAVIGATION: As per the attached image there should be 5 images displayed on each "page", each being the first image in the set (there are 2-3 "after" images per set, and 1 "before" image). The visitor should be able to click the left or right arrows to navigate between pages (it should allow a large number of pages though less than 10 will likely be used). The overall page should not move or "jump" in any way when the user clicks a new image, the only movement should be the changing of the images. There should be a graphic to display how many pages there are and which page the visitor is on (see the little squares in my design). In addition to using the arrows as navigation the visitor should be able to click any of the little boxes to skip to the corresponding page.
2. I need this "before and after" image gallery to have a control panel, which is protected by a password, that makes it simple to add and remove images from the gallery and control the order of the images in the navigation area (please see attached design "[url removed, login to view]"). The import function should take the original image that's being imported, auto resize it to the proper size (without distorting the image of course, so a combination of resizing and cropping would be necessary on some images) and save it as a new file. The thumbnails for the navigation area and subnavigation (where the user chooses which of the 2-3 "after" images they want to view) should also be automatically created in the same way. Lastly, the control panel should allow the visitor to select between 2 settings for the navigation menu: display above "before and after" images, or below.
3. This overall project has to be easy to setup given the installer knows basic website design, how to use FTP, etc, and must load reasonably quickly.