L'ho fatto.
Il mio problema è formattare in modo corretto la pagina, creare i TAB tramite delle immagini, cambiare i colori sul link... insomma tutto il lavoro di rifinitura che probabilmente è già stato fatto da altri.
Tra l'altro i DIV non riesco mai a gestirli benissimo!
Per questo chiedevo se qualcuno ha già qualcosa di fatto.
Cmq vi posto il codice della pagina:


<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript"> //Define global variables

var totalLayersInLoop=3;

var layerNumShowing=1;



function init(){

if (navigator.appName == "Netscape") {

layerStyleRef="layer.";

layerRef="document.layers";

styleSwitch="";

}else{

layerStyleRef="layer.style.";

layerRef="document.all";

styleSwitch=".style";

} }



function showLayerNumber(number){

var layerNumToShow=number;

hideLayer(eval('"layer' + layerNumShowing+'"'));

showLayer(eval('"layer' + layerNumToShow+'"'));

layerNumShowing=layerNumToShow; }



function showPreviousLayer(){

var layerNumToShow=layerNumShowing-1;

if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}

hideLayer(eval('"layer' + layerNumShowing+'"'));

showLayer(eval('"layer' + layerNumToShow+'"'));

layerNumShowing=layerNumToShow; }



function showNextLayer(){

var layerNumToShow=layerNumShowing+1;

if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}

hideLayer(eval('"layer' + layerNumShowing+'"'));

showLayer(eval('"layer' + layerNumToShow+'"'));

layerNumShowing=layerNumToShow; }



function showLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); }



function hideLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); }



</SCRIPT>



<STYLE TYPE="text/css">

#layer1 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: visible; LEFT: 10px; TOP: 35px;}

#layer2 {POSITION: absolute; Z-INDEX: 20; VISIBILITY: hidden; LEFT: 10px; TOP: 35px;}

#layer3 {POSITION: absolute; Z-INDEX: 30; VISIBILITY: hidden; LEFT: 10px; TOP: 35px;}

#loopControls {POSITION: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 1px; TOP: 50px;}

</STYLE>


<link href="../css/cssTagSelector.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY bgcolor="white" onLoad="init()">















<DIV ID="loopControls" align="center">
<table border="1">
<tr><!--td>
Precedente</td>
<td>
Successivo </td-->
<td>
Layer numero 1</td>
<td>
Layer numero 2 </td>
<td>
Layer numero 3 </td>
</table>
<DIV ID="layer1" align="center">
Roberto
</DIV>

<DIV ID="layer2" align="center">

text1<input type="text" name="2">


</DIV>



<DIV ID="layer3" align="center">

text2<input type="text" name="3">

</DIV>
</DIV>

</body>
</html>