I have designed 3 iframes and I have been making the navigation bar with CSS/XHTML but the results are quite heavy

What I have is:

---------------------
Navigation Iframe
---------------------
Content Iframe
---------------------
Footer Iframe
---------------------

  1. The "navigation" Iframe contain the navigation bar and this should let me click and : go to START, PREVIOUS page, NEXT page, LAST page, PRINT Page, and SHOW a PDF of the actual page.
  2. Every page requested in the "navigation" iframe will be deployed in the "content" Iframe

  3. Ammount of pages: 5 pages
  4. I have 5 pdf
  5. If I design this just with XHTML and CSS will work in everypage BUT will be quite heavy


I wonder if I could do the same in JavaScript and using iframe??

Thank you for everything