sfHover = function() {
		var overviewBox = document.getElementById("historie-bild");
		overviewBox.style.display = "block";
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	
	
	function showDetails(historyyear) {
		
		for(i=0; i<activeLayer.length;i++){
			if(document.getElementById(activeLayer[i]).style.display =='block'){
			
			var contentBox = document.getElementById(activeLayer[i]);
			var overviewBox = document.getElementById("historie-bild");
			var blocker	=	document.getElementById("blocker");
			if (contentBox != null && overviewBox !=null ) {
				contentBox.style.display = "none";
				overviewBox.style.display = "block";
				//blocker.style.display = "none";
			}
			}
		}



		var contentBox = document.getElementById("historie-content-"+historyyear);
		var overviewBox = document.getElementById("historie-bild");
		var blocker	=	document.getElementById("blocker");
		if (contentBox != null && overviewBox !=null ) {
			contentBox.style.display = "block";
			overviewBox.style.display = "none";
			//blocker.style.display = "block";
			
		}
		
	}
	
	function hideDetails(historyyear) {
		var contentBox = document.getElementById("historie-content-"+historyyear);
		var overviewBox = document.getElementById("historie-bild");
		var blocker	=	document.getElementById("blocker");
		if (contentBox != null && overviewBox !=null ) {
			contentBox.style.display = "none";
			overviewBox.style.display = "block";
			//blocker.style.display = "none";
		}
		//activeLayer= '';
	}