shadowbox content links to a new shadowbox

Question

I am trying to have a shadowbox open, the content of the shadowbox contain one link. When clicked I would like to close down the current shadowbox (box one) and launch a new shadowbox (box two) with the new content inside. Unclear how to achieve this.

Right now my first shadowbox opens wonderfully but so far I cant get the link inside shadowbox one to launch shadowbox two.

Any help is thanked in advance.

my shadowbox code sample

<a id="boxone" title="test box one" href="#idofdiv"
rel="shadowbox[linkone];width=300;height=200;">launch shadowbox one</a>
<div id="boxone" style="display:none;">
<a class="boxtwo" title="test box two" href="boxtwo.php"
rel="shadowbox[linktwo];width=300;height=200;">launch shadowbox two</a>
</div>

I am using shadowbox 3.0.3 with all "types"

<script type="text/javascript">
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script> 

Answer 1

Colorbox is the answer to my own question. It does what I want by default. Credit goes to Adit Saxena @ stackoverflow.com/questions/8050250/… who gave me the answer