var active_layer = "0";  // das aktive layer

var header_layers = new Array(); // alle header

var body_layers = new Array(); // der ganze content

function initHeaderLayer(name,x,y) {

// initialisiert ein header layer

	if (document.all) {
		var layerref = eval("document.all."+name+".style;");
		layerref.posLeft = x;
		layerref.posTop = y;
	} else if (document.layers) {
		var layerref = eval("document."+name+";");
		layerref.left = x;
		layerref.top = y;
	} else if (document.getElementById) {
		var layerref = eval("document.getElementById(\""+name+"\");");
		layerref.style.left = x;
		layerref.style.top = y;
	}
	header_layers[name] = '0';
}

function hideHeaderLayers() {

// versteck alle header layer

	for (n in header_layers) {
		if (document.all) {
			eval("document.all."+n+".style.visibility = \"hidden\";");
		} else if (document.layers) {
			var layerref = eval("document."+n+";");
			layerref.visibility = "hidden";
		} else if (document.getElementById) {
			var layerref = eval("document.getElementById(\""+n+"\");");
			layerref.style.visibility = "hidden";
		}
		header_layers[n] = '0';
	}
}

function showHeaderLayer(name) {

// zeigt das header layer "name"

		if (document.all) {
			eval("document.all."+name+".style.visibility = \"visible\";");
		} else if (document.layers) {
			var layerref = eval("document."+name+";");
			layerref.visibility = "visible";
		} else if (document.getElementById) {
			var layerref = eval("document.getElementById(\""+name+"\");");
			layerref.style.visibility = "visible";
		}
		header_layers[name] = '1';
}



function initBodyLayer(name,x,y) {

// initialisiert ein body layer

	if (document.all) {
		var layerref = eval("document.all."+name+".style;");
		layerref.posLeft = x;
		layerref.posTop = y;
	} else if (document.layers) {
		var layerref = eval("document."+name+";");
		layerref.left = x;
		layerref.top = y;
	} else if (document.getElementById) {
		var layerref = eval("document.getElementById(\""+name+"\");");
		layerref.style.left = x;
		layerref.style.top = y;
	}
	body_layers[name] = '0';
}

function hideBodyLayers() {

// versteck alle body layer

	for (n in body_layers) {
		if (document.all) {
			eval("document.all."+n+".style.visibility = \"hidden\";");
		} else if (document.layers) {
			var layerref = eval("document."+n+";");
			layerref.visibility = "hidden";
		} else if (document.getElementById) {
			var layerref = eval("document.getElementById(\""+n+"\");");
			layerref.style.visibility = "hidden";
		}
		body_layers[n] = '0';
	}
}

function showBodyLayer(name) {

// zeigt das body layer "name"

		if (document.all) {
			eval("document.all."+name+".style.visibility = \"visible\";");
		} else if (document.layers) {
			var layerref = eval("document."+name+";");
			layerref.visibility = "visible";
		} else if (document.getElementById) {
			var layerref = eval("document.getElementById(\""+name+"\");");
			layerref.style.visibility = "visible";
		}
		body_layers[name] = '1';
}



function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}



function changeImage(name,source) {

// bildlein wechsel dich

	if (document.images && (preloadFlag == true)) {
		document[name].src = "img/"+source;
	}
}





function doMouseOver (name) {

// on mouse over

	changeImage("img"+name,"01_"+name+"-over.jpg");
	if (name != active_layer) {
		hideHeaderLayers();
		eval('showHeaderLayer("header'+name+'");');
	}
}


function doMouseOut (name) {

// on mouse out

	changeImage("img"+name,"01_"+name+".jpg");	
	if (name != active_layer) {		
		hideHeaderLayers();
		if (active_layer != "0") {
			eval('showHeaderLayer("header'+active_layer+'");');			
		}
	}
}


function doClick (name) {

// on mouse click

	if (name != active_layer) {
//		changeImage("img"+name,"01_"+name+"-over.jpg");	
//		if (active_layer != "0") {	changeImage("img"+active_layer,"01_"+active_layer+".jpg");	}
		hideHeaderLayers();
		hideBodyLayers();
		eval('showHeaderLayer("header'+name+'");');
		eval('showBodyLayer("body'+name+'");');
		active_layer = name;
	}
}



var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		img_1908_over = newImage("img/01_1908-over.jpg");
		img_1925_over = newImage("img/01_1925-over.jpg");
		img_1932_over = newImage("img/01_1932-over.jpg");
		img_1937_over = newImage("img/01_1937-over.jpg");
		img_1958_over = newImage("img/01_1958-over.jpg");
		img_1960_over = newImage("img/01_1960-over.jpg");
		img_1962_over = newImage("img/01_1962-over.jpg");
		img_1963_over = newImage("img/01_1963-over.jpg");
		img_1971_over = newImage("img/01_1971-over.jpg");
		img_1980_over = newImage("img/01_1980-over.jpg");
		img_1988_over = newImage("img/01_1988-over.jpg");
		img_1990_over = newImage("img/01_1990-over.jpg");
		img_1992_over = newImage("img/01_1992-over.jpg");
		img_1996_over = newImage("img/01_1996-over.jpg");
		img_1998_over = newImage("img/01_1998-over.jpg");
		img_2001_over = newImage("img/01_2001-over.jpg");	
		img_2002_over = newImage("img/01_2002-over.jpg");	
		img_2002_2_over = newImage("img/01_2002_2-over.jpg");																																				
		preloadFlag = true;

	}
}

preloadImages();