// Die Definition der Bilder-Arrays erfolgt hier im Script, da sowieso überall
// auf die selben Bilder zugegriffen wird!
// Wenn später in mehrerern HTM's unterschiedlichen Bilderlisten gearbeitet wird, 
// muss diese Definiton hier wieder verschwinden!

var basis_bilder = new Array(	"../images/mp1.jpg",
								"../images/mp2.jpg",
								"../images/mp3.gif",
								"../images/mp4.jpg",
								"../images/mp5.jpg",
								"../images/mp6.jpg",
								"../images/mp7.jpg",
								"../images/mp8.jpg",
								"../images/mp9.jpg",
								"../images/mp10.jpg",
								"../images/mp11.jpg",
								"../images/mp12.jpg",																																
								"../images/mp13.gif");

var over_bilder = new Array(	"../images/mpover1.jpg",
								"../images/mpover2.jpg",	
								"../images/mpover3.gif",	
								"../images/mpover4.jpg",	
								"../images/mpover5.jpg",	
								"../images/mpover6.jpg",	
								"../images/mpover7.jpg",	
								"../images/mpover8.jpg",	
								"../images/mpover9.jpg",	
								"../images/mpover10.jpg",	
								"../images/mpover11.jpg",	
								"../images/mpover12.jpg",																																									
								"../images/mpover13.gif");

var click_bilder = new Array(	"../images/mpclick1.jpg",
								"../images/mpclick2.jpg",
								"../images/mpclick3.gif",
								"../images/mpclick4.jpg",
								"../images/mpclick5.jpg",
								"../images/mpclick6.jpg",
								"../images/mpclick7.jpg",
								"../images/mpclick8.jpg",
								"../images/mpclick9.jpg",
								"../images/mpclick10.jpg",
								"../images/mpclick11.jpg",
								"../images/mpclick12.jpg",								
								"../images/mpclick13.gif");


var basis2_bilder = new Array(	"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif",
								"../images/clearpixel.gif");

var over2_bilder = new Array(	"../images/menPic1.jpg",
								"../images/menPic2.jpg",
								"../images/menPic3.gif",
								"../images/menPic4.jpg",
								"../images/menPic5.jpg",
								"../images/menPic6.jpg",
								"../images/menPic7.jpg",
								"../images/menPic8.jpg",
								"../images/menPic9.jpg",
								"../images/menPic10.jpg",
								"../images/menPic11.jpg",
								"../images/menPic12.jpg",
								"../images/menPic13.jpg");

var click2_bilder = new Array(	"../images/menPic1.jpg",
								"../images/menPic2.jpg",
								"../images/menPic3.gif",
								"../images/menPic4.jpg",
								"../images/menPic5.jpg",
								"../images/menPic6.jpg",
								"../images/menPic7.jpg",
								"../images/menPic8.jpg",
								"../images/menPic9.jpg",
								"../images/menPic10.jpg",
								"../images/menPic11.jpg",
								"../images/menPic12.jpg",
								"../images/menPic13.jpg");


// Globale Variablen, werden später von allen Funktionen gebraucht

// Variablen für die Menüpunkt-Bilder mit der Schrift
var basisbilderliste = new Array();
var overbilderliste = new Array();
var clickbilderliste = new Array();

// Variablen für die zusätzlichen Menü-Bilder (thematische Fotos)
var basis2bilderliste = new Array();
var over2bilderliste = new Array();
var click2bilderliste = new Array();

// denkdran = Merker für das aktuell geklickte Bild, damit der mouseout nicht auf das Basisbild zurücksetzt
var denkdran = 99; 	
// j = Merker für den Index des Bildes, das auf das Basisbild zurückgesetzt werden muß, wenn ein neues Bild geklickt wird
var j = 99;
var x = 99;

function lade(){
	if (document.images) {
		
		// VORladen der Menüpunkt-Bilder mit der Schrift	
		for (zaehler in basis_bilder){
			basisbilderliste[zaehler] = new Image();
			basisbilderliste[zaehler].src = basis_bilder[zaehler];
		}
		
		for (zaehler in over_bilder){
			overbilderliste[zaehler] = new Image();
			overbilderliste[zaehler].src = over_bilder[zaehler];
		}
	
		for (zaehler in click_bilder){
			clickbilderliste[zaehler] = new Image();
			clickbilderliste[zaehler].src = click_bilder[zaehler];
		}	

		// VORladen der zusätzlichen Menü-Bilder (thematische Fotos)
		for (zaehler in basis2_bilder){
			basis2bilderliste[zaehler] = new Image();
			basis2bilderliste[zaehler].src = basis2_bilder[zaehler];
		}
		
		for (zaehler in over2_bilder){
			over2bilderliste[zaehler] = new Image();
			over2bilderliste[zaehler].src = over2_bilder[zaehler];
		}
	
		for (zaehler in click2_bilder){
			click2bilderliste[zaehler] = new Image();
			click2bilderliste[zaehler].src = click2_bilder[zaehler];
		}	
		
	}
}

function tausche(i,x) {
	if (document.images) {
		// das folgende EVAL soll z.B. dies bewirken: men1 ist der Objektname
		// document.men1.src = overbilderliste[i-1].src;

		// Neusetzen Menübild				
		eval('document'+".men"+i +".src = "+ 'overbilderliste[i-1]' + ".src");

		// Neusetzen Mittelbild (anderes Foto), Index in Mitteltabelle wird durch x bestimmt		
		eval('document'+".menPic"+x +".src = "+ 'over2bilderliste[i-1]' + ".src");						
	}		
}

function auswahl(i,x) {
	if (document.images) {
		// das folgende EVAL bedeutet AUFGELÖST z.B. wenn i=1: document.men1.src = clickbilderliste[0].src;
		
		// Neusetzen 
		// ******************************************
		// Neusetzen Menübild
		eval('document'+".men"+i +".src = "+ 'clickbilderliste[i-1]' + ".src"); 

		// Neusetzen Mittelbild, Index in Mitteltabelle wird durch x bestimmt		
		eval('document'+".menPic"+x +".src = "+ 'click2bilderliste[i-1]' + ".src");	
		
		// Zurücksetzen der vorher geklickten Bilder
		// *****************************************
		// vor dem ersten Klick gibt es woanders nichts zu ändern; 99 ist Iniwert
		if (j != 99) {
			// j = Merker für den Index des Bildes (im selben Frame), das als letztes 
			// geklickt wurde, dieses muß auf das Basisbild zurückgesetzt werden 

			// Zurücksetzen letztes geklickte Menübild
			eval('document'+".men"+j +".src = "+ 'basisbilderliste[j-1]' + ".src");	

			// Zurücksetzen letztes geklickte Mittelbild
			eval('document'+".menPic"+y +".src = "+ 'basis2bilderliste[j-1]' + ".src");	
		}
	
		// Reset des vorigen geklickten Menüpunktes
		denkdran = i; 	// Marke für aktuellen mouseover setzen
		j = i; 		  	// Marke für Reset beim nächsten Klick setzen	
		y = x;		
	}
}

function wie_gehabt(i,x){
// passiert bei onMouseOut

	if (document.images) {
		if (denkdran == i){ 
			// dieser Menüpunkt wurde geklickt wurde - Klickbild zeigen
			eval('document'+".men"+i +".src = "+ 'clickbilderliste[i-1]' + ".src");

			// das Mittelbild setzen
			eval('document'+".menPic"+x +".src = "+ 'click2bilderliste[i-1]' + ".src");					
			
		} else {
			// dieser Menüpunkt wurde nicht geklickt - Basisbild zeigen
			eval('document'+".men"+i +".src = "+ 'basisbilderliste[i-1]' + ".src");			
			
			// das Mittelbild zurücksetzen (Basisbild zeigen)
			eval('document'+".menPic"+x +".src = "+ 'basis2bilderliste[i-1]' + ".src");					
		}
	}
}

function kein_Rahmen(object){
	if(object.blur)object.blur();
}