opção com 5 menus

[pulao 0]

meu codigo inicial esta dessa forma

 

<script>
function OpenSel(op) {

if (op == 1) {
document.getElementById('principal').style.display="block";
document.getElementById('divum').style.display="none";
document.getElementById('divdois').style.display="none";
}else if (op == 2) {
document.getElementById('principal').style.display="none";
document.getElementById('divum').style.display="block";
document.getElementById('divdois').style.display="none";
}else {
document.getElementById('principal').style.display="none";
document.getElementById('divum').style.display="none";
document.getElementById('divdois').style.display="block";
}
}
</script>

div id="principal">
<a href="#" onclick="OpenSel(2);">Mostrar DIV 1</a>
<a href="#" onclick="OpenSel(3);">Mostrar DIV 2</a>
</div>


<div id="divum" style="display:none;">
<table border=1>
<tr>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td><input type=submit value=Enviar></td>

</tr>
</table>
<a href="#" onclick="OpenSel(1);">VOLTAR MENU PRINCIPAL</a>
</div>


<div id="divdois" style="display:none;">
<table border=1>
<tr>
<td colspan=3>Avançada</td>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td>Teste<input type=text name=teste></td>
<td><input type=submit value=Enviar></td>
</table>
<a href="#" onclick="OpenSel(1);">VOLTAR MENU PRINCIPAL</a>
</div><br>

 

no caso exibido sao duas opções que trocam de ligar, como faço para que seja 5 opoçoes que alternam lugar entre elas

desde ja agradeço

[William Bruno 1501]

dá uma olhada aqui:

http://www.wbruno.com.br/blog/2011/03/12/principio-de-menu-em-abas/