website development - further pages BOOKS

When on a page such as this one (books) where all shapes aren't required. The empt ones will be filled with colours from my custom design swatch and will only appear on hover.

The space required will be a central one (organised appropriately according to space required)
The image above shows how the page will look and the above image shows each other shape which will only be visible one at a time if the user rolls over them.

Upon hover of the image thumbnail in use the user will be a colour overfill corresponding to the colour tab of the page as with all other pages. (see below)

The next images show how this (a book) will then be viewed in light box (same format as with pictures) 

All pages will be in order so user can flick through as they would an E-Book. 

Again the arrows and exit X button sync with the colour tab of the page they are on.