// JavaScript Document www.lanterna-arco.com

/* JavaScript-Steuerung für die Komponente -ImageViewer- */

/* Default Dateiendung für alle Grafikdateien im ImageViewer-Bereich seitenweit */
var ivFileExt = ".jpg";

/* aktueller Bildindex des Bildes, das sich momentan in der Grossansicht (oberhalb der 6 Einzelbilder) befindet.
   Wird bei Klick auf ein kleines Vorschaubild auf den jeweiligen Indexwert gesetzt     */
var ivActiveImg = 0;

/* Wenn die Bilderansicht mehrere Sets zu jeweils 6 Bildern hat */
var ivActiveSet = 0;

/* Basis-Pfadname zu den Bildern */
var ivBasePath = "/img/imageviewer/";

/* Pfadname zum aktuellen Bilcverzeichnis (die momentan aktive Seite) */
var ivImagePath = "home/";

/* Bildergrösse in 3 Stufen (Mittelteil des kompletten Pfadnamens) */
var ivSizeName = new Array("small/", "middle/", "large/");

/* Basisdateinamen der Imagefiles */
var ivAppFiles = new Array("iv_r1_c1", "iv_r1_c2", "iv_r1_c3", "iv_r2_c1", "iv_r2_c2", "iv_r2_c3"); 

function IVAppLargeImage() {
/* Zeigt ein Popup-Fenster des aktuell in der Grossansicht befindlichen Bildes */
	var imgPath   = GetFullImagePath(2, ivActiveImg);
	document.getElementById("previewImage").src = imgPath;
	document.getElementById("previewContainer").style.visibility = "visible";
}

function IVAppPreviewImage(imgNo) {
/* Bringt das angeklickte Bild aus der 6-er Vorschau in die grosse Vorschauansicht */
	document.getElementById("previewImage").src = "";
	// aktuellen Bildindex setzen
	ivActiveImg = imgNo;
	// Vorschaubildpfad zusammensetzen
	var imgPath     = GetFullImagePath(1, ivActiveImg);
	var imgFullPath = GetFullImagePath(2, ivActiveImg);
	// neuen Bildpfad dem HTML-Bildelement zuweisen
	document.getElementById("IVLargeImage").src = imgPath;
	document.getElementById("ShowFullScreen").href = imgFullPath;
}

function GetFullImagePath(sizeNo, actImage) {
/* liefert dem kompletten Pfadnamen des Bildes */
/* erzeugt den aktuellen kompletten Server-Pfad inkl. eventuellen Unterverzeichnissen */
	var fullPath = window.location.href;
	var slashPos = fullPath.lastIndexOf("/");
	var tPath    = fullPath.substr(0, slashPos);
	var iPath 	 = tPath + 
				   ivBasePath + 
				   ivImagePath + 
				   GetSETAsPathname() + 
				   ivSizeName[sizeNo] + 
				   ivAppFiles[actImage] + 
				   ivFileExt;
	return iPath;
}

function GetSETAsPathname() {
/* liefert das aktuelle Set als Pfadnamen */
	var setName = "set_" + ivActiveSet + "/";
	return setName;
}

function LoadNewViewerImages() {
/* lädt ein neues Set von Bildern in den Imageviewer */
	var iContainer = new Array("iView_r1_c1","iView_r1_c2","iView_r1_c3","iView_r2_c1","iView_r2_c2","iView_r2_c3");
	document.getElementById("IVLargeImage").src = GetFullImagePath(1, 0);
	for (var i = 0; i < 6; i++) {
		document.getElementById(iContainer[i]).src = GetFullImagePath(0, i);
	}
}

function SetPathData(sNo, iPath) {
	/* setzt die Nummer des aktuellen Bildersets und des aktuellen Bildpfads (... der aktuellen Seite) */
	ivActiveSet = sNo;
	ivImagePath = iPath + "/";
	var imgFullPath = GetFullImagePath(2, 0);
	// neuen Bildpfad dem HTML-Bildelement zuweisen
	document.getElementById("ShowFullScreen").href = imgFullPath;
}

function ClosePreview() {
/* schließt die Bild-Vorschauansicht */
	document.getElementById("previewContainer").style.visibility = "hidden";
}