Seiten in Box

<script type="text/javascript">
function anzeigen(x){
if(document.getElementById(x).style.display=='none')
document.getElementById(x).style.display='block';
else document.getElementById(x).style.display='none';}
</script>

<div id="seite1">Hier die erste Seite einfügen<br><br><center>1 <a href="javascript:anzeigen('seite1'); anzeigen('seite2');">2</a></center></div>
<div style="display: none;" id="seite2">Hier die zweite Seite einfügen<br><br><center> <a href="javascript:anzeigen('seite1'); anzeigen('seite2');">1</a> 2</center></div>

<script type="text/javascript">
offen = "seite1";
function anzeigen(x){
if(document.getElementById(x).style.display=='none'){
document.getElementById(x).style.display='block';
offen = x;}
else document.getElementById(x).style.display='none';}
</script>

<div id="seite1">Hier die erste Seite einfügen<br><br><center>1 <a href="javascript:anzeigen(offen); anzeigen('seite2');">2</a> <a href="javascript:anzeigen(offen); anzeigen('seite3');">3</a> <a href="javascript:anzeigen(offen); anzeigen('seite4');">4</a> <a href="javascript:anzeigen(offen); anzeigen('seite5');">5</a></center></div>

<div style="display: none;" id="seite2">Hier die zweite Seite einfügen<br><br><center> <a href="javascript:anzeigen(offen); anzeigen('seite1');">1</a> 2 <a href="javascript:anzeigen(offen); anzeigen('seite3');">3</a> <a href="javascript:anzeigen(offen); anzeigen('seite4');">4</a> <a href="javascript:anzeigen(offen); anzeigen('seite5');">5</a></center></div>

<div style="display: none;" id="seite3">Hier die dritte Seite einfügen<br><br><center> <a href="javascript:anzeigen(offen); anzeigen('seite1');">1</a> <a href="javascript:anzeigen(offen); anzeigen('seite2');">2</a> 3 <a href="javascript:anzeigen(offen); anzeigen('seite4');">4</a> <a href="javascript:anzeigen(offen); anzeigen('seite5');">5</a></center></div>

<div style="display: none;" id="seite4">Hier die vierte Seite einfügen<br><br><center> <a href="javascript:anzeigen(offen); anzeigen('seite1');">1</a> <a href="javascript:anzeigen(offen); anzeigen('seite2');">2</a> <a href="javascript:anzeigen(offen); anzeigen('seite3');">3</a> 4 <a href="javascript:anzeigen(offen); anzeigen('seite5');">5</a></center></div>

<div style="display: none;" id="seite5">Hier die fünfte Seite einfügen<br><br><center> <a href="javascript:anzeigen(offen); anzeigen('seite1');">1</a> <a href="javascript:anzeigen(offen); anzeigen('seite2');">2</a> <a href="javascript:anzeigen(offen); anzeigen('seite3');">3</a> <a href="javascript:anzeigen(offen); anzeigen('seite4');">4</a> 5</center></div>

<!-- Hier nichts ändern -->
<div id="ausgabe"></div><br>
<div id="links"></div>
<script type="text/javascript">
var seite = new Array;

// Hier alle Seiten eintragen
seite[1] = "Hier die erste Seite einfügen";
seite[2] = "Hier die zweite Seite einfügen";
seite[3] = "Hier die dritte Seite einfügen";
seite[4] = "Hier die vierte Seite einfügen";
seite[5] = "Hier die fünfte Seite einfügen";

// Ab hier nichts mehr ändern
function anzeigen(x){
document.getElementById("ausgabe").innerHTML = seite [x];
y=1;
links = "";
while (y < seite.length){
if (y != x){
links += "<a href='javascript:" + 'anzeigen("' + y + '"' + ");'>" + y + "</a> ";
}
else{
links += y + " ";
}
y=y+1;
}
document.getElementById("links").innerHTML = links;
}
anzeigen("1");
</script>