ID einen Wert runter zählen

[Freund]

Hallo Freunde,

ich bräuchte mal Hilfe bei Javacript - ist leider nicht so mein Fachgebiet.
Und zwar möchte ich, dass ein vorhandenes Div durch ein neues Div ersetzt wird - mittels eines klicks auf einem Bild, welches im "zu verschwindenen Div" platziert ist. - na mitgekommen :o)

Also:
ich habe ein Bild in einem div mit der ID='2'.
Sobald der User auf das Bild klickt, soll das komplette div '2' samt Bild verschwinden und stattdessen ein div '1' auftauchen.

Sofern die Divs feste IDs bekommen, ist das ganze kein Problem:
...
<script type="text/javascript">
function details_auf()
         {
         document.getElementById(2).style.display = '';
         document.getElementById(1).style.display = 'none';
         }
</script>
...
Das Problem ist nur, dass die Divs keine festen Werte, sondern einen aufsteigenden Wert (ID) bekommen, da es unterschieldich viele dieser Divs geben wird.
Meine Idee war also, dass ich die übergebene ID in der Javascript funktion einfach nur einen herunter zähle:
...
<script type="text/javascript">
function details_auf(id)
         {
         document.getElementById(id).style.display = '';
         id--;
         document.getElementById(id).style.display = 'none';
         }
</script>
...
Das funzt so aber leider nicht. Wahrscheinlich, weil Javascript gar nicht weiß, dass es sich hierbei um einen Integer-Wert handelt.
Daher habe ich nochmal folgendes versucht, was aber auch nicht funktioniert:
...
<script type="text/javascript">
function details_auf(id)
         {
         document.getElementById(id).style.display = '';
         int num=id;
         num--
         document.getElementById(num).style.display = 'none';
         }
</script>
...
Wie kann ich es richtig machen, wo ist mein Denkfehler?

Vielen Dank für hilfreiche Tipps

Dein Freund