Simple HTML5 page with 4 buttons with minor user interaction

Simple HTML5 page with 4 buttons (Beta) and some user interaction Anyone skilled in HTML5 should be able to flick this together in pure HTML5 within an hour or two. The app needs to be able to display images Able to read variables into list/array Able to change what image is displayed based on variables set based on lists arrays as explained below. The 3 lists that the site needs to be able to read into lists/arrays are based on files on the site The lists/arrays - corresponding variables - need to be able to hold up to 999 variable names that, each entry in the list/array - corresponds to filenames for an image file present in corresponding subdirectories called /images_ORG /images_BW /images_INV list names are [login to view URL] [login to view URL] [login to view URL] And can be found in /lists variable names (list names are "suggested" differing name must be fully documented, as for any other variable) images_org images_bw images_inv The lists are standard txt files, comma separated, with up to 999 entries Basic site functionality Site needs to read above mentioned files into 3 variables and start by displaying the first image from the list in the images_org variable/list that has been loaded from the comma separated text file as explained above The internal page counter is set to 1 variable name: page_counter The user interaction functionality for the site is very simple There are buttons/links that are clickable Buttons - pushing leftmost button moves the page counter up (counter is internal) and then site displays the corresponding image number from one of the lists depending on what imagestate is active that again depends on the state of the image_state variable 1 / 2 / 3 1 = ORG list 2 = BW list 3 = INV list - pushing Rightmost button moves the page counter down (counter is internal) and then site displays the corresponding image number from one of the lists depending on what imagestate is active that again depends on the state of the image_state variable 1 / 2 / 3 - Pusing B&W / INV button changes seemlessly between displayiong the image from images on the corresponding lists images_BW, images_INV, images_ORG and shows the image from the active list that corresponds number wise with the page counter Button images need to be placed in a directory called /buttons and be named [login to view URL] [login to view URL] [login to view URL] BANNER LINK IMAGE - TOPMOST - Pushing BANNER LINK button takes user to [login to view URL] Banner is saved in folder /banner Banner image needs to be called [login to view URL] Page - LAY OUT The lay out should be as close to the enclosed example as possible ( see image [login to view URL] ). Site needs to implemented as standard HTML5 - Javascript is allowed, but no libraries with any kind of royalty or restriction may be used. I will hold perpetual, irrevocable, royalty free world wide rights to the produced code and have a royalty free world wide right to modify and utilize code / create derivatives etc. as well as be listed as the copyright holder of said code or assign copyright and previously mentioned rights to any person or entity I might see fit. page needs to be fully documented (in code comments) If you think this is a task you can handle get in touch. Begin your bid with I have read the description and accept your terms without any conditions! Kind Regards Einar