// taulukoidaan käytettävissä olevat kuvat
var kuvat = new Array();
kuvat[kuvat.length] = "images/tuotteet/tuotteet01.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet02.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet03.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet04.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet05.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet06.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet07.jpg";
kuvat[kuvat.length] = "images/tuotteet/tuotteet08.jpg";

var kuviakpl = kuvat.length;
var kuvaosoitin = 0;

// alustetaan kuvanäyttö taulukon ensimmäisellä kuvalla
window.onload = function()
{
 kuvaosoitin = 0;
 seuraava_kuva();
}

function seuraava_kuva()
{
  kuvaosoitin = kuvaosoitin + 1;
  if (kuvaosoitin > kuviakpl) kuvaosoitin = kuviakpl;
  if (kuvaosoitin < 1)        kuvaosoitin = 1;
  aseta_kuvatiedot();
}

function edellinen_kuva()
{
  kuvaosoitin = kuvaosoitin - 1;
  if (kuvaosoitin < 1) kuvaosoitin = 1;
  aseta_kuvatiedot();
}

function aseta_kuvatiedot()
{
  // jos kuvia ei ole lainkaan ei tehdä mitään
  if (kuvat.length > 0)
    {
	  // näytetään seuraava-valinta vain mikäli on seuraavia kuvia
	  if (kuvaosoitin >= kuviakpl) 	document.getElementById('seuraava').style.display = "none";
				else	document.getElementById('seuraava').style.display = "inline";
	  // näytetään edellinen-valinta vain mikäli on edellisiä kuvia
	  if (kuvaosoitin <= 1) 	document.getElementById('edellinen').style.display = "none";
				else	document.getElementById('edellinen').style.display = "inline";
	  var kuvahtml = "<img src=\"" + kuvat[kuvaosoitin-1] + "\" />";
	  document.getElementById('tuotekuva').innerHTML = kuvahtml;
	  document.getElementById('tuotekuva').style.display = "block";
    }
}