// Dieses JavaScript sorgt dafür, dass ein großes Bild mit einem kleinen Bild ausgeatuscht wird wenn man auf dieses Klickt.
// Das Große Bild wird also zu dem Kleinen und das Kleine zum großen.

window.onload = function () { setTimeout( "obsthof_lefers_xchg_init()", 1 ); }   // "obsthof_lefers" name abändern für eigene Bilder


function obsthof_lefers_xchg_init( ) // "obsthof_lefers" funkitonsname abändern für eigene Bilder
{
	var groups = Array( "g1", "g2", "g3", "g4");  // die Gruppen bilder
	var elements = Array( "a", "b", "c", "d", "e", "f", "gg", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w" );  // die einzelnen Bilder ( 23 Bilder) 

	var ig = ie = 0;

	for( ig = 0; ig < 4; ig++ )  // die 4 steht für die Anzahl der Gruppen
	{
		for( ie = 0; ie < 24; ie++ )   // die anzahl der Bilder (23 Bilder)
		{
			obsthof_lefers_xchg_init_single( groups[ig], elements[ie] );   // "obsthof_lefers" id name abändern für eigene Bilder
		}
	}
}

function obsthof_lefers_xchg_init_single ( group, numbr ) // funktionsname abändern
{

	thingi = document.getElementById( "obsthof_lefers_xchg_" + group + "_" + numbr );   // "obsthof_lefers" id name abändern für eigene Bilder
	if (thingi != null) {
		thingi.onclick = function( ) { obsthof_lefers_xchg_change( group, numbr ); }   // "obsthof_lefers" id name abändern für eigene Bilder
	}
}

function obsthof_lefers_xchg_change( group, numbr ) // funktionsname abändern
{
    var ext_src;
    var ext_title;
  
    gross = document.getElementById( "obsthof_lefers_xchg_" + group + "_g" );   // "obsthof_lefers" id name abändern für eigene Bilder
    klein = document.getElementById( "obsthof_lefers_xchg_" + group + "_" + numbr );  // "obsthof_lefers" id name abändern für eigene Bilder

    ext_src = gross.src;
    ext_alt = gross.alt;
    ext_title = gross.title;

    gross.src = klein.src.replace( /klein/, "gross" );
    gross.title = klein.title;
    gross.alt = klein.alt;

    klein.src = ext_src.replace( /gross/, "klein" );
    klein.title = ext_title;
    klein.alt = ext_alt;

    klein.height = 100;   // Bildgröße angeben vom kleinen Bild
    klein.width = 114;

    gross.height = 250;    // Bildgröße angeben vom großen Bild
    gross.width = 362;
}