<script type="text/javascript">
  var imgObjs = new Array(
    {src:"php102_big.jpg",
     desc:"Okładka książki PHP. 101 praktycznych skryptów"},
    {src:"joowww_big.jpg",
     desc:"Okładka książki Joomla! 1.5. Prosty przypis na własną stronę WWW"},
    {src:"php5pk_big.jpg",
     desc:"Okładka książki PHP5. Praktyczny kurs"}
  );
  function zmieńObraz(nr)
  {
    if(!imgObjs || imgObjs.length < 1) return;
    nr = isNaN(nr = parseInt(nr))?0:nr;
    if(nr < 0 || nr > imgObjs.length) nr = 0;
      
    var img = document.getElementById("img1");
    var descDiv = document.getElementById("descDiv");
    var navDiv = document.getElementById("navDiv");
    if(!img || !descDiv || !navDiv) return;
      
    img.src = imgObjs[nr].src;
    descDiv.innerHTML = imgObjs[nr].desc;
    var last = imgObjs.length - 1;
    var prev = nr > 0?nr - 1 : 0;
    var next = nr < imgObjs.length - 1?nr + 1:imgObjs.length - 1;
      
    var str = "Obraz " + (nr + 1) + " z " + imgObjs.length + "<br />";
    str += "<span onclick='zmieńObraz(0)'>Pierwszy<\/span> ";
    str += "<span onclick='zmieńObraz("+prev+")'>Poprzedni<\/span> ";
    str += "<span onclick='zmieńObraz("+next+")'>Następny<\/span> ";
    str += "<span onclick='zmieńObraz("+last+")'>Ostatni<\/span>";
    navDiv.innerHTML = str;
  }
</script>