function preload_images(path){
/*
	var anzahl = zaehle_thumbnails();
	my_bild = new Array();
	my_bild_aktiv = new Array();
	my_bild_gross = new Array();
	for(i=0; i<anzahl; i++){
		akt_image = document.getElementById ('thumbnail' + (i + 1)).src;
		my_bild[i] = new Image();
		my_bild[i].src = akt_image
		my_bild_aktiv[i] = new Image();
		my_bild_aktiv[i].src = str_replace(".gif","_over.gif",str_replace("_over","",akt_image));
		my_bild_gross[i] = new Image();
		my_bild_gross[i].src = str_replace(".gif",".jpg",str_replace("thumb/thumb_","pics/",akt_image));
	}
*/

	path = str_replace("index.php","",path);

	my_bild2 = new Array();
	my_bild_aktiv2 = new Array();
	my_bild_gross2 = new Array();
	for(i=0; i<Photos.length; i++){
		my_bild2[i] = new Image();
		my_bild2[i].src = path+Photos[i]["datei"];
		my_bild_aktiv2[i] = new Image();
		my_bild_aktiv2[i].src = path+Photos[i]["datei_aktiv"];
		my_bild_gross2[i] = new Image();
		my_bild_gross2[i].src = path+Photos[i]["datei_gross"];
	}

}

var Photos = new Array();

function addPhoto (thumbnail, bild, alt, beschreibung)
{
	Photos[Photos.length] = new Object();
	// URL des Thumbnail
	Photos[Photos.length - 1]["datei"] = thumbnail;
	// URL des Thumbnail aktiv
	Photos[Photos.length - 1]["datei_aktiv"] = str_replace(".gif","_over.gif",thumbnail);;
	// URL des Bildes
	Photos[Photos.length - 1]["datei_gross"] = bild;
}

function zaehle_thumbnails ()
{
	var tn = 0;

	for (i = 0; i < document.images.length; i++)
		if ((document.images[i].id).match (/^thumbnail[0-9]+$/))
			tn++;
	return tn;
}

function erzeuge_thumbnails ()
{
	for (i = 0; i < anzahl_thumbnails; i++)
	{
		eintrag = document.createElement ("li");
		link = document.createElement ("a");
		link.href = "javascript:grosses_bild_anzeigen (" + (i + 1) + ")";
		bild = document.createElement ("img");
		bild.border = "0";
		bild.id = "thumbnail" + (i + 1);

		link.appendChild (bild);
		eintrag.appendChild (link);

		document.getElementById ("thumbs").appendChild (eintrag);
	}
}

function ausrichten ()
{
	for (i = 0; i < anzahl_thumbnails; i++)
	{
		document.getElementById ('thumbnail' + (i + 1)).vspace = (thumb_groesse - document.getElementById ('thumbnail' + (i + 1)).height) / 2;
		document.getElementById ('thumbnail' + (i + 1)).hspace = (thumb_groesse - document.getElementById ('thumbnail' + (i + 1)).width) / 2;
	}
	document.getElementById ('zurueck').vspace = (thumb_groesse - document.getElementById ('zurueck').height) / 2;
	document.getElementById ('weiter').vspace = (thumb_groesse - document.getElementById ('weiter').height) / 2;
}

function addEventHandler (func, body)
{
	return (func != null) ? new Function(body + ';' + func.toString()) : new Function(body);
}

function increase(img)     {
    theobject = img;
    highlighting = setInterval("highlight(theobject)",50);
}

function decrease(img) {
	window.clearInterval(highlighting)
	img.style.filter = "Alpha(opacity=50)";
	img.style.opacity = 0.5;
}


function mache_farbig(img){
	img.src = str_replace("_over","",img.src);
	img.src = str_replace(".gif","_over.gif",img.src);
}

function mache_schwarz(img,i){

	var grosses_bild = str_replace(".jpg",".gif",str_replace("pics/","thumb/thumb_",document.getElementById ("gross").src));
	if(grosses_bild.indexOf(str_replace("_over","",img.src),0) < 0){
		img.src = str_replace("_over.gif",".gif",img.src)
	}
	else{
		img.src = img.src;
	}
}

function thumbnails_auffrischen ()
{
	for (i = 0; i < anzahl_thumbnails; i++)
	{
		var bild = document.getElementById ('thumbnail' + (i + 1));

		var src_grosses_bild = str_replace(".jpg",".gif",str_replace("pics/","thumb/thumb_",document.getElementById ('gross').src));
		if(src_grosses_bild.indexOf(Photos[index_erstes_bild + i]["datei"],0) >= 0){
			bild.src = Photos[index_erstes_bild + i]["datei_aktiv"];
		}
		else{
			bild.src = Photos[index_erstes_bild + i]["datei"];
		}
		bild.alt = Photos[index_erstes_bild + i]["alt"];
		bild.title = Photos[index_erstes_bild + i]["alt"];

		bild.onmouseover    = addEventHandler(bild.onmouseover, 'mache_farbig(this)');
		bild.onmouseout     = addEventHandler(bild.onmouseout, 'mache_schwarz(this,i)');
        //bild.onclick        = addEventHandler(bild.onclick, 'this.src = str_replace(".gif","_over.gif",this.src)');
	}

	if (index_erstes_bild > 0)
	{
		document.getElementById ('zurueck').src = pfad_zu_navbildern + "/pfeil_links.jpg";
	}
	else
	{
		document.getElementById ('zurueck').src = pfad_zu_navbildern + "/pfeil_links.jpg";
	}
	if (index_erstes_bild + anzahl_thumbnails < anzahl_bilder)
	{
		document.getElementById ('weiter').src = pfad_zu_navbildern + "/pfeil_rechts.jpg";
	}
	else
	{
		document.getElementById ('weiter').src = pfad_zu_navbildern + "/pfeil_rechts.jpg";
	}

	/* Hier möchte ich mal was testen, dass das aktuelle Bild immer im over angezeigt wird. */
	document.getElementById ('grosscontainer').firstChild


//	if (!document.getElementById ('thumb_beschriftung').firstChild)
//		document.getElementById ('thumb_beschriftung').appendChild (document.createTextNode (""));
//	tnstr = thumbnail_string.replace (/%index_erster%/i, (index_erstes_bild + 1));
//	tnstr = tnstr.replace (/%index_letzter%/i, (index_erstes_bild + anzahl_thumbnails));
//	tnstr = tnstr.replace (/%anzahl_bilder%/i, anzahl_bilder);
//	document.getElementById ('thumb_beschriftung').firstChild.data = tnstr;


}

function zurueck ()
{
	if (index_erstes_bild > 0)
	{
//		index_erstes_bild--;

		index_erstes_bild -= 8;
		if(index_erstes_bild<0) index_erstes_bild=0;
		thumbnails_auffrischen ();
	}
}

function weiter ()
{
	if (!(index_erstes_bild + anzahl_thumbnails > anzahl_bilder - 1))
	{
//		index_erstes_bild++;
		index_erstes_bild += 8;
		if((index_erstes_bild+8)>anzahl_bilder) index_erstes_bild=(anzahl_bilder-8);
		thumbnails_auffrischen ();
	}
}

function grosses_bild_anzeigen (i)
{
	index_grosses_bild = index_erstes_bild + i - 1;
	grosses_bild_auffrischen ();
	thumbnails_auffrischen ();
	//thumbnail_bild_aktivieren (i);
}

function thumbnail_bild_aktivieren (i){
//	document.getElementById ('thumbnail' + i).src = Photos[index_erstes_bild+i-1]["datei_aktiv"];

	document.getElementById ('thumbnail' + i).src = str_replace(".jpg","_over.gif",str_replace("pics/","thumb/thumb_",document.getElementById ('gross').src));

	//document.getElementById ('thumbnail' + i).src = str_replace(".gif","_over.gif",document.getElementById ('thumbnail' + i).src);
	//alert(document.getElementById ('thumbnail' + i).src);
}

function str_replace(search, replace, subject) {
    return subject.split(search).join(replace);
}



function grosses_bild_auffrischen ()
{
	document.getElementById ('gross').src = Photos[index_grosses_bild]["datei_gross"];
	document.getElementById ('gross').alt = Photos[index_grosses_bild]["alt"];
	document.getElementById ('gross').title = Photos[index_grosses_bild]["alt"];

/*
	if (!document.getElementById ('beschriftung').firstChild)
		document.getElementById ('beschriftung').appendChild (document.createTextNode (""));
	tstr = bild_beschriftung.replace (/%index_gross%/i, (index_grosses_bild + 1));
	tstr = tstr.replace (/%anzahl_bilder%/i, anzahl_bilder);
	tstr = tstr.replace (/%beschreibung%/i, Photos[index_grosses_bild]["beschreibung"]);
	document.getElementById ('beschriftung').firstChild.data = tstr;
*/

/*
	if (index_grosses_bild > 0)
		document.getElementById ('zurueck_gross').src = pfad_zu_navbildern + "/back.gif";
	else
		document.getElementById ('zurueck_gross').src = pfad_zu_navbildern + "/first.gif";

	if (anzahl_bilder > index_grosses_bild + 1)
		document.getElementById ('weiter_gross').src = pfad_zu_navbildern + "/forward.gif";
	else
		document.getElementById ('weiter_gross').src = pfad_zu_navbildern + "/last.gif";
*/
}