Full page horizontal javascript accordion

So, I'm making a fairly simple on page javascript application. While it's one page, I'd like to have several pages of data. I'd like to have the en开发者_开发知识库tire page be a giant horizontal accordion. Clicking on the headers on either side would switch to the requisite page. I'd like to to fill the entire page so it doesn't leave empty space. Does anybody know of such a javascript library?

Thanks for your time.

Edit: I could set the width and height of a normal accordion library from the size of the window at page-load, but that doesn't adapt to page resizing very well (at all.).

Check out iridium.com, a site I worked on a while back. It's using a jQuery plug-in called "slide deck" which may suit your needs. You'd have to style it for full-page of course.

To readjust the main div per window resize:

window.onresize = function(event) { /* adjust fullscreen div here */ }

I recently worked on a fairly similar project for my personal portfolio - much like typical accordions but to prevent user confusion from the extra-tall accordion bits, the window scrolled as the giant accordion opened. check my profile if you care to take a gander