var menuHideTimer;

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(bildArrayId, curBild) {
	document.getElementById("DetailSchatten").style.display = 'block';
	document.getElementById("BilderGalerieDetail").style.display = 'block';
	var DetailHTMLcode = '';
	var oldBild;
	var bildArray = eval('bildArray' + bildArrayId);

	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) {
		
			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>";
						if(oldBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(' + bildArrayId + ', \'' + oldBild.Name + '\');">zurück</a>';
						} else {
							DetailHTMLcode += '<span>zurück</span>';
						}
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='center'>";
						DetailHTMLcode += '<a href="javascript:javascript:closeDetailBild();">schliessen</a>';
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='right'>";
						if(nextBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(' + bildArrayId + ', \'' + nextBild.Name + '\');">weiter</a>';
						} else {
							DetailHTMLcode += '<span>weiter</span>';
						}
					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 colspan=3 align='center'>";
						DetailHTMLcode += "<div id='currentBildDescr'>" + aktuellesBild.Description + "</div>";
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
				DetailHTMLcode += "<tr>";
					DetailHTMLcode += "<td>";
						if(oldBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(' + bildArrayId + ', \'' + oldBild.Name + '\');">zurück</a>';
						} else {
							DetailHTMLcode += '<span>zurück</span>';
						}
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='center'>";
						DetailHTMLcode += '<a href="javascript:javascript:closeDetailBild();">schliessen</a>';
					DetailHTMLcode += "</td>";
					DetailHTMLcode += "<td align='right'>";
						if(nextBild) {
							DetailHTMLcode += '<a href="javascript:showDetailBild(' + bildArrayId + ', \'' + nextBild.Name + '\');">weiter</a>';
						} else {
							DetailHTMLcode += '<span>weiter</span>';
						}
					DetailHTMLcode += "</td>";
				DetailHTMLcode += "</tr>";
			DetailHTMLcode += "</table>";
		}
		oldBild = aktuellesBild;
	}
	document.getElementById("BilderGalerieDetail").innerHTML = DetailHTMLcode;
}