simple changes to tabs on product page

IN PROGRESS
Bids
12
Avg Bid (USD)
$123
Project Budget (USD)
$30 - $250

Project Description:
I require changes to be made to the tabs area on the product pages. This should be a very simple job for someone who knows that they are doing.

I have created a new directory via ftp where the product documents will be located
www.macnaught.com.au/documents/product_documents/
within this directory there is
/brochure/
/instruction_manual/
/product_details/
/specifications/

within each of these directories there is
/jpg/
/pdf/
/web_pdf/

so an example would be
www.macnaught.com.au/documents/product_documents/product_details/pdf/k29-01.pdf

on this product page http://www.macnaught.com.au/products/k29-01 there is tabs that say "product details", "downloads", "videos".
I require changes to bring the items under "downloads" out into their own tabs. So the tabs will be "Product Details", "Instruction Manual", "Specifications", "Brochure", "Video".

We upload the pdf, web_pdf (which is a smaller size pdf file), and jpg files via FTP to the directories listed above.
What we need is for the tabs to be hidden unless there is a file that has been uploaded to that directory with the corresponding product code.

the pdf file in the /web_pdf/ directory will be embedded in the page below the tab (as in the example attached). The embedded PDF will be 879px wide by 1208px high. there will be two buttons above this embedded web_pdf which say "Download JPG" and "Download PDF". When the "Download JPG" is clicked, this will trigger the download (save as) of the file stored in /jpg/. When the "Download PDF" button is clicked this will trigger download (save as) of the pdf file stored in /pdf/

The file names will be the product code. e.g. the /web_pdf/ filename for the product k29-01 will be k29-01.pdf and it will be stored in the /web_pdf/ directory. if there is a .pdf file in that folder with a product code then that .pdf file will appear embedded on that product page. If there is no .pdf file in /web_pdf/ but there is a .pdf file in /pdf/ then the embedded pdf won't appear although the "Download PDF" button will still appear. If there is no files in /specifications/ for example then the specifications tab will be hidden until a file is placed in either specifications/pdf/, specifications/web_pdf/, specifications/jpg/.
if there is a .jpg file placed in the /jpg/ folder then the "Download JPG" button will appear. if there is no .jpg file in the /jpg/ folder then the "Download JPG" button will be hidden.

I have attached a mock up of the embedded pdf file and the files that need work done to them. If you require any more files please let me know.
I will have many more projects in the near future so if you know what you are doing and your price is reasonable then there will be plenty more work for you other than this project in the future.

Skills required:
Javascript, jQuery / Prototype, PHP
Additional Files: product+page+pdf+embedded.png expander.js jquery.expander.min.js jquery-ui-1.8.20.custom.css pages.css ProductDetailTemplate.txt
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 154
in 7 days
Hire webedict
$ 154
in 10 days
$ 64
in 3 days
$ 220
in 3 days
Hire sonicsamz
$ 88
in 1 days
$ 74
in 5 days
$ 59
in 6 days
Hire tourala
$ 62
in 3 days
$ 35
in 1 days
Hire jersonjohn
$ 154
in 3 days