function Auftragen() {

         document.getElementById("Auftragen").style.visibility = "visible";

         changeOpac(0, 'Auftragen')

         setTimeout("opacity('Auftragen', 0, 100, 2000)",7000)

         }

function Applying() {

         document.getElementById("Applying").style.visibility = "visible";

         changeOpac(0, 'Applying')

         setTimeout("opacity('Applying', 0, 100, 2000)",6000)

         }

function Mixing() {

         document.getElementById("Mixing").style.visibility = "visible";

         changeOpac(0, 'Mixing')

         setTimeout("opacity('Mixing', 0, 100, 2000)",4500)

         }

function Mischen() {

         document.getElementById("Mischen").style.visibility = "visible";

         changeOpac(0, 'Mischen')

         setTimeout("opacity('Mischen', 0, 100, 2000)",3500)

         }

function Dosing() {

         document.getElementById("Dosing").style.visibility = "visible";

         changeOpac(0, 'Dosing')

         setTimeout("opacity('Dosing', 0, 100, 2000)",2000)

         }

function Dosieren() {

         document.getElementById("Dosieren").style.visibility = "visible";

         changeOpac(0, 'Dosieren')

         setTimeout("opacity('Dosieren', 0, 100, 2000)",1000)

         }































/*



function einAusBlenden(layer) {

if (document.getElementById(layer).style.visibility == "visible") {

document.getElementById(layer).style.visibility = "hidden";

return;

}

if (document.getElementById(layer).style.visibility == "hidden" || !document.getElementById(layer).style.visibility ) {

document.getElementById(layer).style.visibility = "visible";

return;

}

}







*/



























//AB HIER NICHTS VERÄNDERN!!!







function opacity(id, opacStart, opacEnd, millisec) {

	//speed for each frame

	var speed = Math.round(millisec / 100);

	var timer = 0;



	//determine the direction for the blending, if start and end are the same nothing happens

	if(opacStart > opacEnd) {

		for(i = opacStart; i >= opacEnd; i--) {

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

		}

	} else if(opacStart < opacEnd) {

		for(i = opacStart; i <= opacEnd; i++)

			{

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

		}

	}

}



//change the opacity for different browsers

function changeOpac(opacity, id) {

	var object = document.getElementById(id).style; 

	object.opacity = (opacity / 100);

	object.MozOpacity = (opacity / 100);

	object.KhtmlOpacity = (opacity / 100);

	object.filter = "alpha(opacity=" + opacity + ")";

}



function shiftOpacity(id, millisec) {

	//if an element is invisible, make it visible, else make it ivisible

	if(document.getElementById(id).style.opacity == 0) {

		opacity(id, 0, 100, millisec);

	} else {

		opacity(id, 100, 0, millisec);

	}

}



function blendimage(divid, imageid, imagefile, millisec) {

	var speed = Math.round(millisec / 100);

	var timer = 0;

	

	//set the current image as background

	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

	

	//make image transparent

	changeOpac(0, imageid);

	

	//make new image

	document.getElementById(imageid).src = imagefile;



	//fade in image

	for(i = 0; i <= 100; i++) {

		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));

		timer++;

	}

}



function currentOpac(id, opacEnd, millisec) {

	//standard opacity is 100

	var currentOpac = 100;

	

	//if the element has an opacity set, get it

	if(document.getElementById(id).style.opacity < 100) {

		currentOpac = document.getElementById(id).style.opacity * 100;

	}



	//call for the function that changes the opacity

	opacity(id, currentOpac, opacEnd, millisec)

}