toBeRestored = null;

function nextPic(direction) {
	picNo += direction;
	if (picNo >= referenzen[actRef]["bilder"].length) {
		picNo = 0;
	}
	if (picNo < 0) {
		picNo = referenzen[actRef]["bilder"].length-1;
	} 
	
	setPic(picNo);
	
}

function setPic(picNo) {
	document.images["refPic"].src = referenzen[actRef]["bilder"][picNo].src;
	document.images["refPic"].width = referenzen[actRef]["bilder"][picNo].width;
	document.images["refPic"].height = referenzen[actRef]["bilder"][picNo].height;
	document.getElementById("bildernavi").innerHTML = "Bild " + (picNo + 1) +  " von " + referenzen[actRef]["bilder"].length;
}


function rollOver(which, onOff) {

	if (onOff == "on") {
		if (which != toBeRestored) {
			document.getElementById("marker_" + which).className = "marker-on";
			
			
		}

	} else {
		if (which != toBeRestored) {
			document.getElementById("marker_" + which).className = "marker";
			
		}
	}
}


function mark(which) {
	if (which != toBeRestored) {
			document.getElementById("marker_" + which).className = "marker-on";
			document.getElementById("bild_" + which).className = "thumbnail-on";
			if (toBeRestored != null) {
				document.getElementById("marker_" + toBeRestored).className = "marker";
				document.getElementById("bild_" + toBeRestored).className = "thumbnail";
			}
			toBeRestored = which;
		}
}

function showReferenz(which) {
	actRef = which;
	mark(referenzen[actRef]["id"]);
	
	document.getElementById("ref-titel").innerHTML = referenzen[actRef]["titel"];
	//document.getElementById("ref-baujahr").innerHTML = referenzen[actRef]["baujahr"];
	document.getElementById("ref-beschreibung").innerHTML = referenzen[actRef]["beschreibung"];
	
	setPic(0);

}