function SwapImage(ImageName,ImageFile){
         Image1=new Image(119,39);
         Image1.src = ImageFile;
         document[ImageName].src = Image1.src;
         return true;
}

function press(id) {
        //var top = element.offsetTop - 1;
		//document.getElementById("menuePoint"+id).style.marginTop = top + "px";
        document.getElementById("menuePoint"+id).style.backgroundColor = "#1f1f1f";
}
function release(id) {
        //var top = element.offsetTop + 1;
		//document.getElementById("menuePoint"+id).style.marginTop = top + "px";
        document.getElementById("menuePoint"+id).style.backgroundColor = "#000000";
}


        // Muss in das .js-File ausgelagert werden
var firstShowIndex = 0;
spacerThumb = new Image(59,59); spacerThumb.src = 'images/spacer.gif';
var maxPicWidth = 547;
var maxPicHeight = 474;

function initThumbnails() {
    // Zunächst müssen die Button initialisiert und eingeschaltet werden
    forwardButtonObj = document.getElementById('forwardButton');
    backwardButtonObj = document.getElementById('backwardButton');

    setThumbnails();

    // Wenn JavaScript aktiv ist kann auch der Link verändert werden, das beim
    // klicken nichts mehr passiert
    for(thumbIndex = 0; thumbIndex < 18; thumbIndex++) {
		// 18 Ist eine feste Zahl der möglich anzeigbaren Thumbnails
		var linkID = "picLink"+thumbIndex;
		document.getElementById(linkID).href = '#';
    }

}

function setThumbnails() {
	for(thumbIndex = 0; thumbIndex < 18; thumbIndex++, firstShowIndex++) {
		// 18 Ist eine feste Zahl der möglich anzeigbaren Thumbnails
		var picID = "pic"+thumbIndex;
		var picDivID = "onePicDiv"+thumbIndex;
		// Funktioniert erst ab IE 5.5
		if(firstShowIndex < thumb.length) {
			document.getElementById(picID).src = thumb[firstShowIndex].src;
		    document.getElementById(picDivID).style.visibility = "visible"
	 	   	forwardButtonObj.style.visibility = "visible";
   		}
   		else {
			document.getElementById(picID).src = spacerThumb.src;
		    forwardButtonObj.style.visibility = "hidden";
		    document.getElementById(picDivID).style.visibility = "hidden";
		}
    }
}

function forwardButtonPressed() {
	backwardButtonObj.style.visibility = "visible";
	firstShowIndex = firstShowIndex - 12;
	setThumbnails();
}

function backwardButtonPressed() {
	firstShowIndex = firstShowIndex - 24;
	setThumbnails();
	if((firstShowIndex - 18) == 0) {
		backwardButtonObj.style.visibility = "hidden";
		forwardButtonObj.style.visibility = "visible";
	}
}


var realImages = new Array();

// Hier noch fertig programmieren

function showImage(id) {
	// Hier muss ich herausfinden welches Image jetzt gerade bei id ... angezeigt werden soll
    // Bekomme ich anhand des FirstShowIndex raus ...

    document.getElementById('bigPicDiv').style.visibility = "visible";
    var showID = firstShowIndex - 18 + id;
    bigPicObj =  document.getElementById('bigPic');

    var images;
    if(realImages[showID]) {
        images = realImages[showID];
    }
    else {
    	images = new Image(imagesWidth[showID],imagesHeight[showID]); images.src = imagesPath[showID];
        realImages[showID] = images;
    }

    var top = 0;
    var left = 0;

    var picWidth = images.width;
    var picHeight = images.height;
    // Zerst muss ich herausfinden ob das Bild hochkant oder querformat hat
    if(picWidth <= picHeight) {
		// Wenn die Bildbreite kleiner ist als die Bildhöhe oder gleich der Bildhöhe
		// ist das Bild hochformatig oder quatratisch
		if(picHeight > maxPicHeight) {
   			// Wenn das Bild verkleinert wird muss zunächst die picWidth angepasst werden
   		    picWidth = (picWidth / (picHeight / maxPicHeight));
   			picHeight = maxPicHeight;
   		}
		else {
			// Das bild ist gleich oder kleiner es wird nur der kleiner Fall betrachtet
	    	if(picHeight < maxPicHeight) {
				top = ((maxPicHeight - picHeight) / 2);
	    	}
		}
		// Gleichzeitig muss auch marginLeft berechnet werden
		left = ((maxPicWidth - picWidth) / 2);
    }
    else {
		// Wenn die Bildbreite größer ist als die Höhe liegt has bild im querformat
		// vor
		if(picWidth > maxPicWidth) {
			// Wenn das Bild verkleinert wird muss zunächst die picHeight angepasst werden
		    picHeight = (picHeight / (picWidth / maxPicWidth));
		    picWidth = maxPicWidth;
		}
		else {
			// Das bild ist gleich oder kleiner es wird nur der kleiner Fall betrachtet
	    	if(picWidth < maxPicWidth) {
				left = ((maxPicWidth - picWidth) / 2);
	    	}
		}
		// Gleichzeitig muss auch marginTop berechnet werden
		top = ((maxPicHeight - picHeight) / 2);
    }

	bigPicObj.src = images.src;
    bigPicObj.style.width = picWidth + "px";
    bigPicObj.style.height = picHeight + "px";
    bigPicObj.style.top = top + "px";
    bigPicObj.style.left = left + "px";
}

function dontShowImage() {
	document.getElementById('bigPicDiv').style.visibility = "hidden";
    document.getElementById('bigPic').src = spacerThumb.src;
}

function showMainPic(id, countOfPics) {
	for(picIndex = 0; picIndex < countOfPics; picIndex++) {
    	if(picIndex == id) {
        	document.getElementById('selectpicture'+picIndex).style.visibility = "visible";
        }
        else {
        	document.getElementById('selectpicture'+picIndex).style.visibility = "hidden";
        }
    }
}