Witam, mam taki skrypt:

[HTML] pobierz, plaintext 
  1.     <head>
  2.     </script>
  3.  
  4.     <script type="text/javascript">
  5.     var zdjecia = Array(
  6.     Array('sciezka_do_duzego_zdj1', 'sciezka_do_malego_zdj1', 'tytul1', 'opis1'),
  7.     Array('sciezka_do_duzego_zdj2', 'sciezka_do_malego_zdj2', 'tytul2', 'opis2')
  8.     );
  9.     var max_width = 520;
  10.     function laduj() {
  11.     for(var i = 0; i < zdjecia.length; i++)
  12.     document.getElementById('miniaturki').innerHTML += '<img src="' + zdjecia[i][1] + '" onclick="zmien(' + i + ')" />';
  13.     zmien(0);
  14.     }
  15.     function zmien(id) {
  16.     var custom = '';
  17.     var preload = new Image();
  18.     preload.onload = function() {
  19.  
  20.     document.getElementById('informacje1').innerHTML = '<b><p>'+zdjecia[id][2]+'</p></b>';
  21.     document.getElementById('informacje2').innerHTML = '<i>'+zdjecia[id][3]+'</i>';
  22.     document.getElementById('zdjecie').innerHTML = '<img src="'+zdjecia[id][0]+'"'+custom+' />';
  23.     }
  24.     preload.src = zdjecia[id][0];
  25.     }
  26.     window.onload = laduj;
  27.     </script>
  28.     </head>
  29.     <div id="miniaturki"></div>
  30.     <div id="zdjecie"></div>
  31.     <div id="informacje1"></div>
  32.     <div id="informacje2"></div>
  33.     <div id="strzalka1"></div>
  34.     <div id="strzalka2"></div>
  35.  
[HTML] pobierz, plaintext


Moje pytanie:
Jak zrobić coś takiego aby strzałkami pod miniaturką można było się cofać lub iść do przodu (zmieniał by się tytuł,opis,duże zdjęcie oraz miniaturka)
jak zrobić aby miniaturki nie były obok siebie tylko się zmieniały po kliknięciu w jakąś strzałke (narazie jest tak że wszystko się zmienia po kliknięciu w miniaturke).

Chodzi mi o coś takiego:


gdzie:
1,2 - strzałki do zmieniania
3 - tytuł
4 - opis
5 - miniaturka
6 - duże zdjęcie

Nie ogarniam js. Z góry dziękuje za pomoc.