// 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.
// Auch der Alt Tag dieses Bildes wird in die id.fotounterschrift_g1 gelegt.

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


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

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

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

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

    document.getElementById( 'fotounterschrift_' + group ).innerHTML = klein.alt;   // "fotounterschrift_" name der id klasse um die forounterschrift anzuzeigen

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

    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 = 97;   // Bildgröße angeben vom kleinen Bild
    klein.width = 115;

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