var cdArray = new Array();
cdArray[0] = "cd_offen_a.gif";
cdArray[1] = "cd_offen_b.gif";
cdArray[2] = "cd_offen_c.gif";
cdArray[3] = "cd_offen_d.gif";
cdArray[4] = "cd_offen_e.gif";
cdArray[5] = "cd_offen_f.gif";
cdArray[6] = "cd_offen_g.gif";
cdArray[7] = "cd_offen_h.gif";
cdArray[8] = "cd_offen_i.gif";
var stepMax = 9;
for (var t = 0; t < 9; t++) // bilder preloding
	{
	eval('pic' + t + ' = new Image();');
	eval('pic' + t + '.src = cdArray[t];');
	}
var bookArray = new Array();
bookArray[0] = "in_1.gif";
bookArray[1] = "in_2.gif";
bookArray[2] = "in_3.gif";
bookArray[3] = "in_4.gif";
for (var f = 0; f < 4; f++) // bilder preloding
	{
	eval('pic' + f + ' = new Image();');
	eval('pic' + f + '.src = bookArray[f];');
	}
var bildnummer = 0;
var zustand = "zu";
var steps = 20;
var timer = 25;
var i = 0;
var x = 0;
var z = 0;
var y = stepMax -1;
var tpm, tpm2;
var timer2 = 100;
function goTo (param)
	{
	//alert(param);
	var newH = window.open ("http://"+param);
	}
function changeLogo(param)
	{
	var cd 		= document.getElementById('cd');
	var kontakt = document.getElementById('kontakt');
	var logo 	= document.getElementById('logo');
	var bien	= document.getElementById('bienioschek');
	var feed	= document.getElementById('feedback');
	var node	= document.getElementById(param);
	bien.style.visibility = "hidden";
	cd.style.visibility = "hidden";
	kontakt.style.visibility = "hidden";
	logo.style.visibility = "hidden";
	feed.style.visibility = "hidden";
	node.style.visibility = "visible";
	cd.style.zIndex = "950";
	kontakt.style.zIndex = "50";
	logo.style.zIndex = "50";
	node.style.zIndex = "50";
	bien.style.zIndex = "50";
	feed.style.zIndex = "50";
	}
function moveLeft ()
	{
	var node = document.getElementById('cdZu');
	x = x + i;
	if (i < steps )
		{
		node.style.marginLeft = x +"px";
		tpm = setTimeout('moveLeft()', timer);
		}
	else
		{
		clearTimeout(tpm);
		}
	i++;
	}
function openCD ()
	{
	if (z < stepMax)
		{
		picNode = document.getElementById("cdOpener");
		picNode.removeAttribute("src");
		picNode.setAttribute("src", "gfx/"+ cdArray[z]);
		//alert (cdArray[z]);
		tpm = setTimeout('openCD()', timer2);
		}
	else
		{
		clearTimeout(tpm);
		}
	z++;
	}
function closeCD ()
	{
	if (y >= 0)
		{
		picNode = document.getElementById("cdOpener");
		picNode.removeAttribute("src");
		picNode.setAttribute("src", "gfx/"+ cdArray[y]);
		//alert (cdArray[y]);
		tpm2 = setTimeout('closeCD()', timer2);
		}
	else
		{
		clearTimeout(tpm2);
		}
	y--;
	}
function kontakt ()
	{
	var feed = document.getElementById('feedbackDiv');
	feed.style.visibility = "hidden";
	var kont = document.getElementById('kontaktDiv');
	if (zustand == "zu")
		{
		//alert (zustand);
		i = 0;
		x = -136;
		moveLeft ();
		kont.style.visibility = "visible";
		zustand = "kontakt";
		//alert (zustand);
		}
	else
		{
		//alert ('else');
		if (zustand == "offen")
			{
			var y = stepMax -1;
			closeCD ();
			var tpm4 = setTimeout('document.getElementById("cdOpen").style.visibility = "hidden"', 650);
			var tpm5 = setTimeout('document.getElementById("cdZu").style.visibility = "visible"', 650);
			var tpm5 = setTimeout('document.getElementById("kontaktDiv").style.visibility = "visible"', 650);
			zustand = "kontakt";
			}
		else
			{
			if (zustand == "cd")
				{
				newNode = document.getElementById('cdOpen');
				newNode.style.visibility = "visible";
				nextNode = document.getElementById('cdGross');
				nextNode.style.visibility = "hidden";
				zustand = "offen";
				kontakt();
				}
			else
				{
				if (zustand == "book")
					{
					var y = stepMax -1;
					var newNode3 = document.getElementById('showCDs');
					newNode3.style.visibility = "hidden";
					zustand == "zu";
					bildnummer = 0;
					picLink.removeChild(picLinkText);
					picDiv.removeChild(picLink);
					newNode3.removeChild(picDiv);
					zustand = "offen";
					kontakt();
					}
				else
					{
					if (zustand == "kontakt")
						{
						var node = document.getElementById('cdZu');
						node.style.visibility = "visible";
						var kont = document.getElementById('kontaktDiv');
						kont.style.visibility = "hidden";
						node.style.marginLeft = "-136px";
						zustand = "zu";
						}
					}//ende book
				} // else cd ende
			}// else nicht offen ende
		} // else nicht zu ende
	}//ende function kontakt
function move ()
	{
	var node = document.getElementById('cdZu');
	node.style.visibility= "hidden";
	newNode = document.getElementById('cdOpen');
	newNode.style.visibility = "visible";
	openCD();
	}
function booklet()
	{
	var feed = document.getElementById('feedbackDiv');
	feed.style.visibility = "hidden";
	z = 0;
	y = 0;
	var node = document.getElementById('cdZu');
	//alert ('booklet: '+zustand);
	if (zustand == "zu")
		{
		i = 0;
		x = -136;
		moveLeft ();
		var tpm3 = setTimeout('move()', 300);
		zustand = "offen";
		}
	else
		{
		if (zustand == "kontakt")
			{
			var kn = document.getElementById('kontaktDiv');
			kn.style.visibility = "hidden";
			var node = document.getElementById('cdZu');
			node.style.visibility= "hidden";
			newNode = document.getElementById('cdOpen');
			newNode.style.visibility = "visible";
			openCD();
			zustand = "offen";
			}
		else
			{
			if (zustand == "cd")
				{
				newNode = document.getElementById('cdOpen');
				newNode.style.visibility = "visible";
				nextNode = document.getElementById('cdGross');
				nextNode.style.visibility = "hidden";
				zustand = "offen";
				}
			else
				{
				if (zustand == "book")
					{
					var newNode3 = document.getElementById('showCDs');
					newNode3.style.visibility = "hidden";
					zustand == "zu";
					bildnummer = 0;
					picLink.removeChild(picLinkText);
					picDiv.removeChild(picLink);
					newNode3.removeChild(picDiv);
					
					//picLink.removeChild(pic);
					//newNode.removeChild(picLink);
					}
				else
					{
					if (zustand == "offen")
						{
						var y = stepMax -1;
						closeCD ();						
						var tpm4 = setTimeout('document.getElementById("cdOpen").style.visibility = "hidden"', 550);
						var tpm5 = setTimeout('document.getElementById("cdZu").style.visibility = "visible"', 550);
						document.getElementById("cdZu").style.marginLeft = "-136px";
						zustand = "zu";
						}
					}// ende book
				}//ende cd
			}// ende kontakt
		}//ende zu
	}
function showCD ()
	{
	var feed = document.getElementById('feedbackDiv');
	feed.style.visibility = "hidden";
	//alert (zustand);
	if (zustand == "book")
		{
		var newNode3 = document.getElementById('showCDs');
		newNode3.style.visibility = "hidden";
		zustand == "zu";
		bildnummer = 0;
		picLink.removeChild(picLinkText);
		picDiv.removeChild(picLink);
		newNode3.removeChild(picDiv);
		
		//picLink.removeChild(pic);
		//newNode3.removeChild(picLink);
		}
	var newNode = document.getElementById('showCDs');
	newNode.style.visibility = "hidden";
	newNode = document.getElementById('cdOpen');
	newNode.style.visibility = "hidden";
	nextNode = document.getElementById('cdGross');
	nextNode.style.visibility = "visible";
	zustand = "cd";
	}
function showBook()
	{
	var feed = document.getElementById('feedbackDiv');
	feed.style.visibility = "hidden";
	zustand = "book";
	var newNode = document.getElementById('showCDs');
	newNode.style.visibility = "visible";
	if (bildnummer == 0)
		{
		picDiv = document.createElement("div");
		picDiv.setAttribute("id", "bookDiv");
		picDiv.style.backgroundImage ="url(../gfx/"+bookArray[bildnummer]+")";
		picDiv.style.height = "340px";
		//picDiv.setAttribute("height", "100px");
		newNode.appendChild(picDiv);
		picLink = document.createElement("a");
		picText = document.createElement("a");
		picLink.setAttribute("href", "javascript:showBook();");
		picLinkText = document.createTextNode ("weiter");
		picText.setAttribute("href", "javascript:showDetail("+bildnummer+");");
		picTextText = document.createTextNode ("Text lesen");
		//pic = document.createElement("img");
		//pic.setAttribute("src", "gfx/"+bookArray[bildnummer]);
		//newNode.appendChild(picLink);
		picDiv.appendChild(picLink);
		picDiv.appendChild(picText);
		picText.appendChild(picTextText);
		picLink.style.marginLeft = "110px";
		picLink.style.position = "absolute";
		picText.style.marginLeft = "25px";
		picText.style.position = "absolute";
		picLink.appendChild(picLinkText);
		//blankerLink = document.createElement("div");
		}
	else
		{
		//alert (bildnummer);
		//pic.setAttribute("src", "gfx/"+bookArray[bildnummer]);
		picText.setAttribute("href", "javascript:showDetail("+bildnummer+");");
		picDiv.style.backgroundImage ="url(../gfx/"+bookArray[bildnummer]+")";
		}
	//alert (bildnummer);
	bildnummer ++;
	if (bildnummer > 4)
		{
		bildnummer = 0;
		picLink.removeChild(picLinkText);
		picDiv.removeChild(picLink);
		newNode.removeChild(picDiv);
		newNode.style.visibility = "hidden";
		zustand = "offen";
		}
	}
function detailClose()
	{
	for (var g =1; g<5; g++)
		{
		var detailNode = document.getElementById("book"+g);
		//alert (detailNode);
		detailNode.style.visibility = "hidden";
		}
	}
function showDetail (param)
	{
	param = param+1;
	var detailNode = document.getElementById("book"+param);
	detailNode.style.visibility = "visible";
	}
function feedback ()
	{
	var feed = document.getElementById('feedbackDiv');
	if (feed.style.visibility == "visible")
		{
		feed.style.visibility = "hidden";
		}
	else
		{
		feed.style.visibility = "visible";
		}
	}