// Dieses JavaScript sorgt dafür, dass ein großes Bild mit einem kleinen Bild ausgeatuscht wird wenn man auf dieses Klickt.
// Nur Die kleinen Bilder werden Groß, das Große Bild wird aber nicht zu dem kleinen

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


function tietjen_xchg_init( ) // "tietjen" 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)
		{
			tietjen_xchg_init_single( groups[ig], elements[ie] );   // "tietjen" id name abändern für eigene Bilder
		}
	}
}

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

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

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

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

    gross.src = klein.src.replace( /klein/, "gross" );
    gross.title = klein.title;
 
 // Ist dafür zuständig, dass das große Bild klein wird (ausgeschaltet)
   // klein.src = ext_src.replace( /gross/, "klein" );
   // klein.title = ext_title;

    klein.height = 67;   // Bildgröße angeben vom kleinen Bild
    klein.width = 88;

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