slideshow = true;	//Variable für den Slideshow-Timer

function closeMenu(wieviele,ganz) {
	for (i=1; i<=wieviele; i++) {
		McB = "McB_"+i;
		new Effect.Morph(document.getElementById(McB), {style:'height:0;',duration:0.5});
	}
	for (i = 1; i<=wieviele; i++) {
		var tabid = "tab_" + i;
		document.getElementById(tabid).className = "menuBlock";
	}
}

function tab(welches,bit,wieviele) {
	
	closeMenu(wieviele,false);
	
	var mth = $("mth_"+welches).offsetHeight;
	var McB = "McB_"+welches;
	if (parseInt(document.getElementById(McB).style.height) == 0) {
		var morphstyle = "style:'height:" + mth + "px;'";
		var e = "new Effect.Morph(document.getElementById(McB), {" + morphstyle + ", duration:1.0, queue:'end'});";
		eval (e);
		for (i = 1; i<=wieviele; i++) {
			var tabid = "tab_" + i;
			document.getElementById(tabid).className = "menuBlock";
		}
		var tabid = "tab_" + welches;
		document.getElementById(tabid).className = "menuBlock2";
	} else {
		var morphstyle = "style:'height:" + 0 + "px;'";
		var e = "new Effect.Morph(document.getElementById(McB), {" + morphstyle + ", duration:1.0, queue:'end'});";
		eval (e);
		for (i = 1; i<=wieviele; i++) {
			var tabid = "tab_" + i;
			document.getElementById(tabid).className = "menuBlock";
		}
	}
}

function getProjekttext(welches) {

	var textBit;							// Text anzeigen(Wert=1) oder nicht (Wert=0)

	var close = "close_"+welches;			// ID des Buttons zu schließen des Projekts
	var submenu = "submenu_"+welches;		// ID des kleinen Menüs unter den Bildern
	var ks = "ks_"+welches;					// ID des Feldes das das Bild gezeigt wird
	var ksh = parseInt($(ks).offsetHeight); // Höhe von "ks" in Pixeln
	var kt = "kt_"+welches;					// ID des Feldes das den Text enthält
	var kth = parseInt($(kt).offsetHeight); // Höhe von "kt" in Pixeln
	var kmt = "kmt_"+welches;				// ID des Text-Buttons im oberen Menu
	var em = $('em').height;				// Faktor: px/em (Höhe eines versteckten Bildes mit der Größe 1em in Pixeln)

	//Textbutton ändern
	if (document.getElementById(kmt).className=="projekttext") {
		textBit = 1;
		document.getElementById(kmt).className="projekttext2";
	} else {
		textBit = 0;
		document.getElementById(kmt).className="projekttext";
	}

	
	//closebutton erscheine
	new Effect.Appear($(close),{to:1.0});
	
	//submenu erscheine
	new Effect.Appear($(submenu),{to:1.0});
	
	//inaktive Projekte mit "Verdecker"-div abdecken
	new Effect.Appear($("verdecker"), {to:0.6, duration:1.0});
	$("verdecker").onclick=function(){zurueckProjekt(welches);};
 	
	//aktives projekt über die "Verdecker"-div stellen
	$(ks).parentNode.style.zIndex = "101";
	
	//ausgangshöhe des Projektrahmens für morph in pixel umrechnen
	$(ks).parentNode.style.height = $(ks).parentNode.offsetHeight + "px";
	

	if ((parseInt($(ks).parentNode.style.height) != parseInt((6.2 * em) + ksh + kth)) && (parseInt($(ks).parentNode.style.height)-1 != parseInt((6.2 * em) + ksh + kth))) {
		//wenn nicht texthoehe->morph!
		var morphstyle = "style:'height:" +((6.2 * em) + ksh + kth) + "px;'";
		var e = "new Effect.Morph($(ks).parentNode, {" + morphstyle + ", duration:1.0});";
		eval (e);
	} else {
		var morphstyle = "style:'height:" +((6.2 * em) + ksh) + "px;'";
		var e = "new Effect.Morph($(ks).parentNode, {" + morphstyle + ", duration:1.0});";
		eval (e);
	}
	setTimeout("$('verdecker').style.height = $('verdecker').parentNode.offsetHeight;",1100);
}
















function getProjektbilder(welches,bild,handle,slides) {
	
	
	window.clearInterval(slideshow);
	
	var textBit;							// Text anzeigen(Wert=1) oder nicht (Wert=0)
	
	var close = "close_"+welches;
	var submenu = "submenu_"+welches;
	var km = "ProjektItem_" + welches;
	var ks = "ks_"+welches;
	var kt = "kt_"+welches;
	var kmt = "kmt_"+welches;
	var em = $("em").offsetHeight;
	var kth = parseInt($(kt).offsetHeight);
	var ksh = parseInt($(ks).offsetHeight);
	
	//vorschauKleinSchmal2
	for (i=0; i<document.getElementById(km).childNodes.length; i++) {
		if (document.getElementById(km).childNodes[i].className == "vorschauKleinSchmal2") {
			document.getElementById(km).childNodes[i].className = "vorschauKleinSchmal";
			slashbild = encodeURI("/"+bild);
			var suche = new RegExp(slashbild, "i");

			if (suche.test(document.getElementById(km).childNodes[i].src)) {
				zurueckProjekt(welches);
				return;
			}
		}
	}
	handle.className = "vorschauKleinSchmal2";
	
	//mit Text oder Ohne?
	if (document.getElementById(kmt).className=="projekttext2") {
		textBit = 1;
	} else {
		textBit = 0;
	}

	
	
	
	//closebutton erscheine
	new Effect.Appear($(close),{to:1.0});
	
	//submenu erscheine
	new Effect.Appear($(submenu),{to:1.0});
	
	//inaktive Projekte mit "Verdecker"-div abdecken
	new Effect.Appear($("verdecker"), {to:0.6, duration:1.0});
	$("verdecker").onclick=function(){zurueckProjekt(welches);};
 	
	//aktives projekt über die "Verdecker"-div stellen
	$(ks).parentNode.style.zIndex = "101";
	
	//ausgangshöhe des Projektrahmens für morph in pixel umrechnen
	$(ks).parentNode.style.height = $(ks).parentNode.offsetHeight + "px";


 	//je nach Größe des Fensters morphen	
	if (textBit == 0) {
		kth = 0;
	}
	
	
	if ($(ks).parentNode.style.height == parseInt((6.2 * em) + 250) + "px") {	//nur Bild -> nix verändern	
	} else if ($(ks).parentNode.style.height == parseInt((6.2 * em) + 250 + kth) + "px") {	//Bild und Text -> nix verändern	
	} else if (parseInt($(ks).parentNode.style.height) < 250) {	//nix -> 250
		//Morph Bildstage
		var morphstyle = "style:'height:" + 250 + "px;'";
		var e = "new Effect.Morph($(ks), {" + morphstyle + ", duration:1.0});";
		eval (e);
		//Morph Projekt
		var morphstyle = "style:'height:" + parseInt((6.2 * em)+250) +"px;'";
		var e = "new Effect.Morph($(ks).parentNode, {" + morphstyle + ", duration:1.0});";
		eval (e);
	} else {	//-> Bild und Text
		//Morph Bildstage
		var morphstyle = "style:'height:" + 250 + "px;'";
		var e = "new Effect.Morph($(ks), {" + morphstyle + ", duration:1.0});";
		eval (e);
		//Morph Projekt
		var morphstyle = "style:'height:" + parseInt((6.2 * em) + 250 + kth) +"px;'";
		var e = "new Effect.Morph($(ks).parentNode, {" + morphstyle + ", duration:1.0});";
		eval (e);
	}

	
	while ($(ks).hasChildNodes()) {
		$(ks).removeChild($(ks).firstChild);
	}
	
	slideimgs = new Array();
	if (slides) {
		slides = slides.split(";");
				
		for (i=0; i<slides.length; i++) {
			img = document.createElement("img");
	    	img.src = "/bilder/projekte/" + welches + "/bilder200/" + slides[i];
    		img.style.display="none";
    		img.style.position = "absolute";
			img.style.cssFloat = "left";
			img.style.styleFloat = "left"; // fuer IE
    		document.getElementById(ks).appendChild(img);
			slideimgs.push(img);
    	}
    		slideshow = window.setInterval("bildwechsel()", 1500);
    	
    	new Effect.Appear(slideimgs[0], {duration:1.0});  	
    	

	} else {
		img = document.createElement("img");
  	  	img.src = "/bilder/projekte/" + welches + "/bilder200/" + bild;
  	 	img.style.display = "none";
		img.style.cssFloat = "left";
		img.style.styleFloat = "left"; // fuer IE
    	img.onclick=function(){zoomBild(welches);};
    	img.style.cursor = "pointer";
    	document.getElementById(ks).appendChild(img);
    	new Effect.Appear(img,{duration:1.0});
    }			
    	 		
 	//setTimeout("$('verdecker').style.height = $('verdecker').parentNode.offsetHeight;",1100);
}

function bildwechsel() {
	if (slideimgs.length == 0) {
		window.clearInterval(slideshow);
	} else {
		var bild = slideimgs.shift();
		slideimgs.push(bild);
		new Effect.Opacity(bild, {from: 1.0, to: 0.0});
		new Effect.Appear(slideimgs[0], {duration:1.0});
	}
}


function zurueckProjekt(welches) {
	
	window.clearInterval(slideshow);
	slideimgs = new Array();	// setzt eine eventuell aktive Slideshow zurück;
	
	var close = "close_"+welches;
	var submenu = "submenu_"+welches;
	var ks = "ks_"+welches;
	var kt = "kt_"+welches;
	var km = "ProjektItem_" + welches;
	var em = $('em').height;
	var kth = parseInt($(kt).offsetHeight);
	var ksh = parseInt($(ks).offsetHeight);
	//hoverfunktionen löschen
	document.getElementById(ks).parentNode.onmouseover = "";
	document.getElementById(ks).parentNode.onmouseout = "";	
	
	//ausgangshöhe des Projektrahmens für morph in em umrechnen
	$(ks).parentNode.style.height = parseInt($(ks).parentNode.offsetHeight)/em + "em";
	
	//morph
	new Effect.Morph(document.getElementById(kt).parentNode, {style:'height:1.2em;', duration:1.0});

	//closebutton weg
	document.getElementById(close).style.display = "none";
	
	//submenu weg
	document.getElementById(submenu).style.display = "none";
	
	

	//vorschaubilder kriegen alle wieder ihren hovereffekt
	for (i=0; i<document.getElementById(km).childNodes.length; i++) {
		
		if (document.getElementById(km).childNodes[i].className == "vorschauKleinSchmal2") {
			document.getElementById(km).childNodes[i].className = "vorschauKleinSchmal";
			remainer(document.getElementById(km).childNodes[i]);
		}
		else if (document.getElementById(km).childNodes[i].className == "vorschauKleinSchmal") {
			remainer(document.getElementById(km).childNodes[i]);
		}
		else if (document.getElementById(km).childNodes[i].className == "projekttext2") {
			document.getElementById(km).childNodes[i].className = "projekttext";
		}
	}
	
	//"Verdecker"-div ausblenden
	$("verdecker").onclick="";
	new Effect.Fade($("verdecker"), {to:0.01, duration:1.0});
	
	//"Projekttitel" weiß->schwarz
	document.getElementById(ks).parentNode.firstChild.style.color = "#000000";
	//"Projekttitel" wegmorphen
	new Effect.Morph(document.getElementById(ks).parentNode.firstChild, {style:'height:0px;', duration:1.0});
	
	//resetProjekt
	setTimeout("reset('" + welches + "');",1100);

}

function reset(welches) {
	$("verdecker").style.display="none";
	var em = $('em').height;
	$("ks_" + welches).style.height = "0px";
	$("ks_" + welches).parentNode.style.zIndex ="";
	
	$("ks_" + welches).parentNode.firstChild.style.display="none";
	
	$("ks_" + welches).parentNode.firstChild.style.color="#FFFFFF";
	$("ks_" + welches).parentNode.firstChild.style.height = (1.4*em)+ "px";
	$("ks_" + welches).parentNode.onmouseover = function(){hoverover(this);};
	$("ks_" + welches).parentNode.onmouseout = function(){hoverout(this);};


}

function zoomBild(kuerzel) {
	if (slideimgs.length == 0) { //nur wenn, gerade keine slideshow läuft!
		
		var ks = $("ks_"+kuerzel);
		var submenu = "submenu_"+kuerzel;
		var kt = "kt_"+kuerzel;					// ID des Feldes das den Text enthält
		var kth = parseInt($(kt).offsetHeight); // Höhe von "kt" in Pixeln
		var kmt = "kmt_"+kuerzel;
		var textBit;
		
		//mit Text oder Ohne?
		if (document.getElementById(kmt).className=="projekttext") {
			kth = 0;
		}
		
		for (i=0; ks.childNodes.length>i; i++) {
			if (ks.childNodes[i].nodeName == "IMG") {
				bild = ks.childNodes[i];
			}
		}
		
		if (parseInt(bild.height) == "200") {
			
			
			var em = $('em').height;
			var prozent = (72000/bild.width);

			bild.src = bild.src.replace(/bilder200/, "bilder600");
			bild.width = (72000/prozent);

			//Maximalwert für die Höhe festlegen
			if(prozent>250) {
				prozent = 250;
			}
			
			var height = "style:'height:" + (50 +(2*prozent)) + "px; padding:0px;'";
			var e = "new Effect.Morph(bild.parentNode, {" + height + "});";
			eval (e);
			//Morph Projekt
			var morphstyle = "style:'height:" + parseInt(50+(6.2 * em) + (2*prozent) + kth) +"px;'";
			var e = "new Effect.Morph(bild.parentNode.parentNode, {" + morphstyle + ", duration:1.0});";
			eval (e);
			
			
			bildgross = document.createElement("img");
			bildgross.src = bild.src.replace(/bilder200/, "bilder600");
			bildgross.width = "720px";
			new Effect.Scale(bild, prozent,{scaleFrom:100});
			
			setTimeout("$('verdecker').style.height = $('verdecker').parentNode.offsetHeight;",1100);
		
		} else {
			
			//submenu erscheine
			//new Effect.Appear($(submenu),{to:1.0});
			
			var em = $('em').height;
			var prozent = (20000/bild.height);
			bild.src = bild.src.replace(/bilder600/, "bilder200");
			bild.width = (72000/prozent);
			
			var height = "style:'height:250px; padding:0px;'";
			var e = "new Effect.Morph(bild.parentNode, {" + height + "});";
			eval (e);
			//Morph Projekt
			var morphstyle = "style:'height:" + parseInt((6.2 * em) + 250 + kth) +"px;'";
			var e = "new Effect.Morph(bild.parentNode.parentNode, {" + morphstyle + ", duration:1.0});";
			eval (e);
			
			
			bildgross = document.createElement("img");
			bildgross.src = bild.src.replace(/bilder600/, "bilder200");
			bildgross.height = "200px";
			new Effect.Scale(bild, prozent,{scaleFrom:100});
			
			setTimeout("$('verdecker').style.height = $('verdecker').parentNode.offsetHeight;",1100);
		}
	}	
}
function hoverover(over) {
	if (over.style.height == "auto") {
	} else if (isNaN(parseInt(over.style.height))) {
		over.style.height = "6.2em";
		over.firstChild.style.display = "block";
				document.getElementById("containerProjekte").style.paddingBottom = "0em";

	} else if (parseInt(over.style.height)< 200) {
		over.style.height = "6.2em";
		over.firstChild.style.display = "block";
		document.getElementById("containerProjekte").style.paddingBottom = "0em";

		
	}
}

function hoverout(out) {
	if (out.style.height != "6.2em" & out.style.height != "6.20em") {
	} else {
		out.style.height = "1.2em";
		out.firstChild.style.display = "none";
		
	}
}

function hoverganzout (ganzout) {
ganzout.style.paddingBottom = "5em";
}

function impressum(wohin){

	if (document.getElementById("imp").style.display == "none") {
		document.getElementById("imp").style.display = "block";
		
	} else {
		document.getElementById("imp").style.display = "none";
	}
	

	var mth = wohin.parentNode.offsetHeight;
	var morphstyle = "style:'height:" + mth + "px;'";
		var e = "new Effect.Morph(wohin.parentNode.parentNode, {" + morphstyle + ", duration:1.0, queue:'end'});";
		eval (e);
	
}

function schritt(kuerzel,richtung) {
	Bilder = new Array();
	Projektitems = "ProjektItem_" + kuerzel;
	Projektitems = $(Projektitems).childNodes;
	for (i=0; i<Projektitems.length; i++) {
		if (Projektitems[i].nodeName == "IMG") {
			Bilder.push(Projektitems[i]);
		}
	}
	aktuell = Bilder.length-1;

	for (i=0; i<Bilder.length; i++) {
		if (Bilder[i].className == "vorschauKleinSchmal2") {
			aktuell = i;
		}
	}

	if (richtung == "zurueck") {
		
		if (aktuell>0) {
			neu = aktuell-1;
		} else {	
			neu = Bilder.length-1;
		}

	} else {
		if (aktuell==Bilder.length-1) {
			neu = 0;
		} else {	
			neu = aktuell+1;
		}
	}
	
	bild = Bilder[neu].src.substr(Bilder[neu].src.lastIndexOf("/")+1);
	handle = Bilder[neu];
	titlestring = Bilder[neu].name;
	getProjektbilder(kuerzel,bild,handle,titlestring);

}


function trigger(kuerzel) {
	over = $(kuerzel + "_DIVproj");
	hoverover(over);
	schritt(kuerzel);
	
}

function remainer (border) {
	ZuFarbe = "style:'border-top-color:" + border.style.borderTopColor + ";'";
	VonFarbe = "style:'border-top-color:" + "#FFFFFF" + ";'";
	var e = "new Effect.Morph(border, {" + VonFarbe + ", duration:1.0});";
	eval (e);
	
	var f = "new Effect.Morph(border, {" + ZuFarbe + ", duration:20.0, delay:1.5});";
	//alert (e);
	eval (f);
}