I'm creating a new and basic website of my photography and need help with modifying a Jquery SlideViewerPro 1.5 template. Specifically I need the slide show to resize automatically based on the window dimensions of the user with a maximum dimension of 800 X 1200px. Improvements also need to be made with the thumbnail navigation that include: left and right navigation arrows, a background color for the slideshow, adjusting the caption bar so that it is underneath the photograph and not overlapping it, and fixing the placement of the animated gif loading image.
I also need help formatting the placement of the title and navigation bar for the home page so that they hold their position irregardless of the browser window dimensions or size ratio.
I've added several screen shots representing the changes I am aiming to make. I've created this website using a text editor and possess basic knowledge of html and css.