var container = document.getElementById('imageContainer');
var active = null;
var links = document.getElementsByTagName('a');

container.onclick = function(event) {
	event = (event || window.event);
	var ct = (event.target || event.srcElement);
	
	// event stoppen
	if (typeof event.preventDefault == 'function') {
		event.preventDefault();
	} else {
		event.returnValue = false;
	}
	
	// ist es ein element-knoten?
	if (ct.nodeType == 1) {
		// altes aktives bild wieder verstecken
		if (active) {
			active.style.display = 'none';
		}
		
		// neues bild über die longdesc-verknüpfung anzeigen
		if ((active = document.getElementById(ct.getAttribute('href').split(/\//).pop(), container))) {
			active.style.display = 'block';
		}
	}
	
	return false;
};