Bilder = new Array(12);
BildTitel = new Array(12);


var klick=false;
var gBildNr=0;

for (var i=0;i<12;i++)
{
	Bilder[i] = new Image();
	if (i<10)
	{
		Bilder[i].src = "werke/0" + i + ".jpg";
	}
	else
	{
		Bilder[i].src = "werke/" + i + ".jpg";
	}
}

	
function Bild(BildNr)
{
	//alert("ok");
	if (!klick) AktivateGalerie();
	window.document.getElementById("werk").src = Bilder[BildNr].src;
	//f='(Bilder[BildNr].width-655)/2' + "px";
	//window.document.getElementById("bwerk").style.marginLeft= "f";
	window.document.getElementById("bwerk").innerHTML = BildTitel[BildNr];
	gBildNr=BildNr;
}

function NextBild()
{
	gBildNr++;
	if (gBildNr==Bilder.length) gBildNr=0;
	window.document.getElementById("werk").src = Bilder[gBildNr].src;
	window.document.getElementById("bwerk").innerHTML = BildTitel[gBildNr];
	
}

function PrevBild()
{
	gBildNr--;
	if (gBildNr<0) gBildNr=Bilder.length-1;
	window.document.getElementById("werk").src = Bilder[gBildNr].src;
	window.document.getElementById("bwerk").innerHTML = BildTitel[gBildNr];
	
}

function AktivateGalerie()
{
	if (!klick)
	{
		klick=true;
		window.document.getElementById("GalerieThumbs").style.display ="none";
		window.document.getElementById("GalerieWerke").style.display ="block";
	}
	else
	{
		klick=false;
		window.document.getElementById("GalerieThumbs").style.display ="block";
		window.document.getElementById("GalerieWerke").style.display ="none";
	}
}

function InitBildTitel(BildNr,BTitel)
{
	BildTitel[BildNr]=BTitel;
}