var menuHideTimer;
var bildArray = new Array();

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

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;
		var anzahlBilder = bildArray.length;
		var aktBildNr = i+1;
		var visibility = 'hidden';
		if(i < bildArray.length) nextBild = bildArray[i+1];
		if(aktuellesBild.Name == curBild) {
			
			if (aktuellesBild.Description != ''){
				visibility = 'visible';
			}else{
				visibility = 'hidden';
			}
			var aktuellesBildPath = aktuellesBild.Path;
			var aktuellesBildPath = aktuellesBildPath.replace(/width=100/,"width=650");
			var aktuellesBildPath = aktuellesBildPath.replace(/height=100/,"height=650");
			
			
			DetailHTMLcode += "<table cellpadding=4 cellspacing=4>";
				DetailHTMLcode += "<tr>";
				DetailHTMLcode += "<td align='left'></td>";
				DetailHTMLcode += "<td align='center'>";
						DetailHTMLcode += "<div id='currentBildDescr' style='(visibility:"+ visibility +";)'>" + aktuellesBild.Description + " </div>";
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='right'>";
					DetailHTMLcode += '<a href="javascript:javascript:closeDetailBild();"><img src="/petermerkl2/resources/X.png" alt="X" width="15px" border="0"></a>';
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
				DetailHTMLcode += "<tr>";
					DetailHTMLcode += "<td colspan=3 align='center'>";
						DetailHTMLcode += '<a href="javascript:javascript:closeDetailBild();">';
						DetailHTMLcode += "<img border=0 id='currentBildImg' alt='" + aktuellesBild.Name + "' src='" + aktuellesBildPath + "' />";
						DetailHTMLcode += '</a>';
						DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
				DetailHTMLcode += "<tr>";
					DetailHTMLcode += "<td align='left'>";
						if(oldBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(\'' + oldBild.Name + '\');">zurück</a>';
						} else {
							DetailHTMLcode += '<span>zurück</span>';
						}
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='center'>";
						DetailHTMLcode += "<div id='currentBildDescr'>" + aktBildNr + "/" + anzahlBilder + "</div>";
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='right'>";
						if(nextBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(\'' + nextBild.Name + '\');">weiter</a>';
						} else {
							DetailHTMLcode += '<span>weiter</span>';
						}
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
			DetailHTMLcode += "</table>";
		}
		oldBild = aktuellesBild;
	}
	document.getElementById("BilderGalerieDetail").innerHTML = DetailHTMLcode;
}