imagenameArray= ['joke', 	  'filzstift',		'vasinar',		'MT'	, 'finger',		'FF'	 , 'buecher'];
imagesrcArray = ['jokeB.png', 'filzstiftB.png', 'vasinarB.png', 'MT.png', 'finger.png', 'FFC1.png', 'buecher.png'];
imagePath = 'img/homeHoch/';
imageArray = [];

// assoziativen imageArray konstruieren: imageArray[imageName] = imageSrc
function makeImageArray() {
	for (var i=0; i < imagenameArray.length; i++) {
		imageArray[imagenameArray[i]] = imagesrcArray[i];
		//alert(imagenameArray[i]);
	}
}

// neues image objekt erzeugen (von preloadImages benutzt)
function newImage(src) {
	bild = new Image();
	bild.src = imagePath+src;
	return bild;
}

// bilder 'vorladen'
function preloadImages() {
	//document.write('preload');
	for (var i=0; i < imagesrcArray.length; i++) {
		bild = newImage(imagesrcArray[i]);
		bild.name = imagenameArray[i];
		//alert(bild +' '+ bild.name);
	}
}
//alert('init');

// von image.onmouseover aufgerufen: blendet bild ein oder aus
function showhideOnMouseOver(elementId) {
	element=document.getElementById(elementId);
	if (element.src.indexOf(imageArray[element.name])>-1){
		hideOnMouseOver(element);
	}
	else {
		showOnMouseOver(element);
	}
}
// bild ausblenden
function hideOnMouseOver(element) {
	//element.removeAttribute("src");
	element.setAttribute("src", "#");
	//element.src="#";

}
// bild einblenden
function showOnMouseOver(element) {
	element.setAttribute("src", imagePath+imageArray[element.name]);
}


// element nach vorne bringen
var currentMaxZIndex = 10 + 1;	// anzahl elemente+1
function bringInFront(element) {
	//alert(element.style.zIndex);
	if (element.style.zIndex != currentMaxZIndex) {
		currentMaxZIndex = parseInt(currentMaxZIndex) + 1;
		element.style.zIndex = currentMaxZIndex;
	}
	
}


function doborder(element) {
	element.style.backgroundColor = "#EEE";
}
function noborder(element) {
	element.style.backgroundColor = "";
}


// INIT
//alert('init');
//makeImageArray();
//alert(imageArray['joke']);
//preloadImages();