var menuHideTimer;
var bildArray = new Array();

function bildItem() {
	this.Name = "";
	this.Path = "";
}

function mouseOverAktuellesBild(curBild) {
	if(document.getElementById("goToPrevBild").innerHTML != "")
		document.getElementById("goToPrevBild").style.visibility = 'visible';
	if(document.getElementById("goToNextBild").innerHTML != "")
		document.getElementById("goToNextBild").style.visibility = 'visible';

	document.getElementById("closeThisBild").style.visibility = 'visible';

	bildBreite = document.getElementById("currentBildImg").width;
	bildHoehe = document.getElementById("currentBildImg").height;

	linkDivPrevTop = 0;
	linkDivNextTop = 0;
	linkDivCloseTop = -36;
	linkDivPrevLeft = 119;
	linkDivNextLeft = -121;
	linkDivCloseLeft = 0;

	if(navigator.userAgent.indexOf("MSIE") >=0) {
		linkDivCloseTop = -30;
		linkDivPrevLeft = 121;
	}

	document.getElementById("goToPrevBild").style.top = linkDivPrevTop + "px";
	document.getElementById("goToNextBild").style.top = linkDivNextTop + "px";
	document.getElementById("closeThisBild").style.top = linkDivCloseTop + "px";
	document.getElementById("goToPrevBild").style.left = linkDivPrevLeft + "px";
	document.getElementById("goToNextBild").style.left = linkDivNextLeft + "px";
	document.getElementById("closeThisBild").style.left = linkDivCloseLeft + "px";

	if(menuHideTimer != null) {
		self.clearTimeout(menuHideTimer);
	}
	menuHideTimer = self.setTimeout("mouseOverAktuellesHide()", 1500);
}

function mouseOverAktuellesHide() {
	document.getElementById("goToPrevBild").style.visibility = 'hidden';
	document.getElementById("goToNextBild").style.visibility = 'hidden';
	document.getElementById("closeThisBild").style.visibility = 'hidden';
}

function gotoBild(ziel) {
	window.location.href = ziel;
}

function closeDetailBild() {
	document.getElementById("DetailSchatten").style.display = 'none';
	document.getElementById("BilderGalerieDetail").style.display = 'none';
}

function showDetailBild(curBild) {
	document.getElementById("DetailSchatten").style.display = 'block';
	document.getElementById("BilderGalerieDetail").style.display = 'block';
	var DetailHTMLcode = '';
	var oldBild;
	for(var i=0; i < bildArray.length; i++) {
		var aktuellesBild = bildArray[i];
		var nextBild;
		if(i < bildArray.length) nextBild = bildArray[i+1];

		if(aktuellesBild.Name == curBild) {
			DetailHTMLcode += "<table cellpadding=0 cellspacing=0>";
				DetailHTMLcode += "<tr>";
					DetailHTMLcode += "<td>";
						if(oldBild) {
							DetailHTMLcode += '<div onclick="javascript:showDetailBild(\'' + oldBild.Name + '\');" id="goToPrevBild"><a href="javascript:showDetailBild(\'' + oldBild.Name + '\');"><img src="img/back.gif"></a></div>';
						} else {
							DetailHTMLcode += '<div id="goToPrevBild"></div>';
						}
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td>";
						DetailHTMLcode += "<img id='currentBildImg' onmouseover=\"javascript:mouseOverAktuellesBild(this);\" alt='" + aktuellesBild.Name + "' src='pic.php?b=" + aktuellesBild.Path + "&w=600' />";
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td>";
						if(nextBild) {
							DetailHTMLcode += '<div onclick="javascript:showDetailBild(\'' + nextBild.Name + '\');" id="goToNextBild"><a href="javascript:showDetailBild(\'' + nextBild.Name + '\');"><img src="img/next.gif"></a></div>';
						} else {
							DetailHTMLcode += '<div id="goToNextBild"></div>';
						}
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
				DetailHTMLcode += "<tr>";
					DetailHTMLcode += "<td>";
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='center'>";
						DetailHTMLcode += '<div id="closeThisBild" onclick="javascript:javascript:closeDetailBild();"><a href="javascript:javascript:closeDetailBild();"><img src="img/close.gif"></a></div>';
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td>";
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
			DetailHTMLcode += "</table>";
		}
		oldBild = aktuellesBild;
	}
	document.getElementById("BilderGalerieDetail").innerHTML = DetailHTMLcode;
}