var image_array = new Array;
image_array["none"] = "none.gif";
image_array["year_1967"] = "1967.gif";
image_array["year_1978"] = "1978.gif";
image_array["year_1984"] = "1984.gif";
image_array["year_1989"] = "1989.gif";
image_array["year_1996"] = "1996.gif";
image_array["year_2004"] = "2004.gif";
image_array["year_2008"] = "2008.gif";
var images_total = image_array.length;
var gfx_path = "../../gfx/historie/";
var current_element = "";
var temp = "";
var current_image = "";

function preload() {
	for (i=0; i < images_total; i++) {
    	var Bild = new Image();
    	Bild.src = gfx_path + image_array[i];
	}
}

function over2(element) {
	element_id = element['id'];
	setImage(image_array[element_id]);
}

function out2(element) {
	element_id = element['id'];
	if (current_element == "") {
		setImage(image_array["none"]);
	} else {
		setImage(image_array[current_element]);
	}
}

function down2(element) {
	element_id = element['id'];
	if (current_element == element_id) {
    setImage(image_array["none"]);
    current_element = "";
  } else {
	 current_element = element_id;
	 setImage(image_array[element_id]);
	}
}

function over3(element) {
	element_id = getElementId(element);
  setImage(image_array[element_id]);
}

function out3(element) {
  if (selectedItem == "") {
		setImage(image_array["none"]);
	} else {
    setImage(image_array[selectedItem.substring(0,9)]);
	}
}

function down4(element) {
	element_id = getElementId(element);
	current_element = element_id;
	setImage(image_array[current_element]);
	}


function getElementId(element) {
  element_id = element['id'];
  element_id = "year_" + element_id.substring(6);
  return element_id;
}

function setImage(img_name) {
	document.zeit.src = gfx_path + img_name;
}

function toggle3(element) {
	boxid = getElementId(element)+"_box";
	if (selectedItem != boxid && selectedItem != "") {
		document.getElementById(selectedItem).style.display = 'none';
		selectedItem = boxid;
	}
	elem = document.getElementById(boxid)
	if (elem.style.display == 'none') {
		elem.style.display = '';
		selectedItem = boxid;
	}
}
