// JScript File
//
// SwapImg, Reswap Img
// Version 1.4 vom 05.Dezember 2011
//
// Änderung auf 1.4: 	
// var ActImgPath = document.[ImgID].src 
// geändert auf:
// var ActImgPath = document.images[ImgID].src
// (damit kann in der Navigations-Datei das "name"-Tag entfallen)
//
// JavaScript Funktionen für Image-Preloading und MouseOver-Effekte in der Navigation.
// Jedes Element der Navigation kann 3 Zustände annehmen: Passiv, Over, Active.
// Die Zustände sind an den Buchstaben "O" und "A" im Namen der Slices erkennbar.
// Passiv: 	NavMain_01.gif
// Over:		NavMainO_01.gif
// Active:	NavMainA_01.gif
// Mouse-Effekte:
// MouseOver:		NavMain_01.gif wird NavMainO_01.gif
// MouseOut:		NavMainO_01.gif wird NavMain_01.gif
// Active:			Slice bleibt wie es ist

// Die Images(Slices) nach werden nach folgendem System benannt:
// NavMain_xx.gif		= Passiver Zustand: Der vordere Teil des Dateinamens (die Buchstaben) besteht aus *genau* 7 Zeichen.
// NavMainO_xx.gif	= MouseOver Zustand:  Der vodere Teil des Dateinamens (die Buchstaben) besteht aus 7 Zeichen + angehängtem O.
// NavMainA_xx.gif	= Aktiver Zustand: Der vordere Teil des Dateinamens (die Buchstaben) besteht aus 7 Zeichen + angehängtem A.

// Anmerkung: Im HTML wird jedes Image mit einem ID-Tag versehen, nach folgendem Schema:
// ID "NavMain_01" für das Slice mit dem Dateinamen "NavMain_01.gif"

// ---------------------------------------------------------------------------
// ***HIER*** die Site-spezifischen Variablen setzen
// NumberOfSlices: Anzahl der Slices in der Navigation
// FolderName: In diesem Verzeichnis liegen alle Slices (Passiv, MouseOver, Aktiv)
var NumberOfSlices = 6
var FolderName = "Nav"	
//----------------------------------------------------------------------------

function SwapImg(ImgID)	{
	// Der Funktion wird der Name des Bildes als Parameter übergeben.
	// Da der Bildname dem obigen Schema entspricht, kann aus der 'id' der Dateiname/Pfad
	// des zugehörigen Bildes mit dem "Mouse-Over" Zustand zusammengestellt werden:
	// Verzeichnisname + vorderer Teil der ImgID + 'O' + Bildnummer + '.gif'
	var ImgNameStamm = ImgID.substring(0,7)
	var ImgNameZahl = ImgID.substring(7,10)
	var ActImgPath = document.images[ImgID].src
	var ActImgName = ActImgPath.substring(ActImgPath.lastIndexOf("/") + 1, ActImgPath.length + 1)
	var ActImgType = ActImgName.charAt(7)		
	// an dieser Position steht ein 'A' wenn es sich um ein aktives Bild handelt
	// in diesem Fall soll natürlich kein swapping erfolgen
	if (ActImgType != 'A')	{
	  var ImgSource = FolderName + '/' + ImgNameStamm + 'O' + ImgNameZahl + '.gif'
		document.getElementById(ImgID).src = ImgSource
	  }
}	// ----- OverGif -----


function ReswapImg(ImgID)	{
	// Der Funktion wird der Name des Bildes als Parameter übergeben (die Bilder müssen im HTML mit dem Name-Tag versehen sein).
	// Da der Bildname immer dem gleichen Schema entspricht, kann aus der 'id' ganz einfach der Dateiname/Pfad
	// des zugehörigen Bildes mit dem "Mouse-Over" Zustand zusammengestellt werden:
	// Verzeichnisname + ImgID + '.gif'
	var ActImgPath  = document.images[ImgID].src
	var ActImgName = ActImgPath.substring(ActImgPath.lastIndexOf("/") + 1, ActImgPath.length + 1)
	var ActImgType = ActImgName.charAt(7)		// an dieser Position steht ein 'A' wenn es sich um ein aktives Bild handelt
	if (ActImgType != 'A')	{
	  var ImgSource = FolderName + '/' + ImgID + '.gif'
	  document.getElementById(ImgID).src = ImgSource
	 }
}	// ----- PasvGif -----


function PreloadNavMain()  {
	// Namen der Bilder generieren und in ein Array speichern.
	NavImgNames = new Array()
	var i=0,j
	for(j=1; j<=NumberOfSlices; j++)	{
		if(j<=9)	{			//bei einstelligen Zahlen Null voranstellen
			NavImgNames[i] = FolderName + '/NavMainO_0' + j + '.gif'; i++
		}
		else	{
			NavImgNames[i] = FolderName + '/NavMainO_' + j + '.gif'; i++
		}
	}
	// Preloading der Bilder.
	document.Bilder = new Array()
	var j = document.Bilder.length
	var a = NavImgNames.length
	for(i=0; i<a; i++)	{
	document.Bilder[j] = new Image;
	document.Bilder[j++].src = NavImgNames[i]
	}
		//	Gibt zur Kontrolle den Inhalt des Arrays mit den Navigations-Images-Namen aus:
		//	var InfoText=""
		//	for(x=0; x<NavImgNames.length; x++)		{
		//	InfoText+=NavImgNames[x] + '<br>'
		//	}
		//	document.write(InfoText)
		//	document.close() 
}	// ----- PreloadImages -----

function SetActImage(ImgID)	{
	var ActImgName = FolderName + '/' + ImgID.substring(0,7) + 'A' + ImgID.substring(7,10) + '.gif';
	document.images[ImgID].src = ActImgName;
}

//
// Ein- und Ausblenden von Layers
//
var myLayers = new Array();
myLayers[0]="RefsOver";

function hideLayers() { for(i=0; i<myLayers.length; i++) { document.getElementById(myLayers[i]).style.visibility = 'hidden'; }}

function showLayer(myLayer,myText)	{ 
	hideLayers();
	document.getElementById(myLayer).innerHTML = myText;
	document.getElementById(myLayer).style.visibility = 'visible'; }
//-->

