Create tabs with 2 rows of tabs, 1 content box, javascript/jQuery

[gfrasg]

I am wondering if anyone has a solution for what seems like an easy problem.I am trying to create a tab box that has a row of tabs that run across the top of the content box and another row that runs along the bottom of the content box. Something like this:\[code\] <div id="tabContainer"> <div id="tabs"> <ul> <li id="tabHeader_1">Tab 1</li> <li id="tabHeader_2">Tab 2</li> <li id="tabHeader_3">Tab 3</li> </ul> </div> <div id="tabscontent"> <div class="tabpage" id="tabpage_1"> <h2>Page 1</h2> <p>Content 1</p> </div> <div class="tabpage" id="tabpage_2"> <h2>Page 2</h2> <p>Content 2</p> </div> <div class="tabpage" id="tabpage_3"> <h2>Page 3</h2> <p>Content 3</p> </div> <div class="tabpage" id="tabpage_4"> <h2>Page 4</h2> <p>Content 4</p> </div> <div class="tabpage" id="tabpage_5"> <h2>Page 5</h2> <p>Content 5</p> </div> <div class="tabpage" id="tabpage_6"> <h2>Page 6</h2> <p>Content 6</p> </div> </div> <div id="tabs"> <ul> <li id="tabHeader_4">Tab 4</li> <li id="tabHeader_5">Tab 5</li> <li id="tabHeader_6">Tab 6</li> </ul> </div> </div>\[/code\]Muchos thank yous to anyone who can help!