//*********************************************************
//
//	allgemein
//
//*********************************************************

function divsHoeheAnpassen(p_divs){
	var temp = 0;
	var h;
	for (var i = 0; i < p_divs.length; i++){
		h = document.getElementById(p_divs[i]).offsetHeight;
		if (temp < h)
			temp = h;
	}
	for (i = 0; i < p_divs.length; i++){
		document.getElementById(p_divs[i]).style.height = temp + 'px';
	}
}

//*********************************************************
//
//	fuer PRODUKTIONEN (Uebersicht der Inszenierungen) in produktionen.php
//
//*********************************************************

//*********************************************************
//*********************************************************
// hier die Mouseover-Effekte mit Highlight der zugehrigen Parameter
//*********************************************************
//*********************************************************

var aktivesArray;
var aktivesElement; 
function highlight_over(p_selbst, p_IDs){
	aktivesArray = p_IDs;
	aktivesElement = p_selbst;
	aktivesElement.className = "highlight_bunt";
	for (var i = 0; i < aktivesArray.length; i++) {
		document.getElementById(aktivesArray[i]).className = "highlight_schwarz";
	}	
}
function highlight_out(){
	aktivesElement.className = "normal";
	for (var i = 0; i < aktivesArray.length; i++) {
		document.getElementById(aktivesArray[i]).className = "normal";
	}
}

//*********************************************************
//*********************************************************
// ab hier Inhalt des darueber liegenden Fensters (Stueckinfo) in stueckinfo.php
//*********************************************************
//*********************************************************

function stueckinfoVerstecken(){
	$("#info_darueber").addClass("unsichtbar");
	$("#info_darueber_inhalt").html("");
	animationStoppen();
}
// AJAX:
function stueckinfoZeigen(p_stueckKuerzel, p_sprache) {
	document.getElementById("info_darueber").className = "sichtbar";
	animationStoppen();
	$.ajax({
		type: "GET",
		url: "stueckinfo.php?stueck=" + p_stueckKuerzel + "&sprache=" + p_sprache,
		contentType: "text/html; charset=utf-8",
		success: function(html){
			$("#info_darueber_inhalt").html(html);
			if(_bildArray){ // wenn es überhaupt Bilder gibt (aus stueckinfo.php ausgelesene var)
				bildArrayTrennen(_bildArray);
				a = new Image();
				a.src = bildArray[0];
				$("#bilder_2").fadeOut(1);
				$("#text_2").fadeOut(1);
				$("#text_1").html(bildInfoArray[0]);
				$("#bilder_1").attr("src", a.src);
				//document.images["bilder_1"].src = a.src;		
				if(bildArray[1]){ 	// wenn es mehr als 1 Bild gibt, wird das nchste auch gleich geladen (unsichtbar)
					a2 = new Image();
					a2.src = bildArray[1];
					$("#bilder_2").attr("src", a2.src);
					//document.images["bilder_2"].src = a2.src;
					$("#text_2").html(bildInfoArray[1]);
					animationStarten(true, 2);
				} else {
					animationStarten(true, 1);
				}
			}	
		}
	});
}
function bildArrayTrennen(p_bildArray){
	bildArray = new Array;
	bildInfoArray = new Array;
	for(var k = 0; k < p_bildArray.length - 1; k++){
		var b = p_bildArray[k].split("#");
		bildArray.push(b[0]);
		bildInfoArray.push(b[1]);
	}
}
//*********************************************************
//*********************************************************
// Animation des Bildwechsels in stueckinfo.php
//*********************************************************
//*********************************************************

var animationsdauer = 3000;
var einblenddauer = 0.5;
var timer;
var start = true; 	 	// der Schalter fr die Abwechslung
var i;				 	// global, weil an gleicher Stelle fortgesetzt werden knnen soll
var bildArray;		 	// dito
var bildInfoArray;		// dito
var b = new Image(); 	// um nicht dauernd neue Instanzen zu schaffen gleich hier
function Animation(p_start, p_i){
	clearTimeout (timer);
	i = p_i;
	start = p_start;
	if (i > bildArray.length - 1) {
		i = 0;
	}
	b.src = bildArray[i];
	// name abwechselnd zuweisen
	if (start){
		$(document).ready(function(){
			$("#bilder_2").fadeIn("slow");					// das schon geladene Bild wird eingefadet
			$("#text_2").fadeIn("slow");
			$("#bilder_1").fadeOut("slow", function () {
				$("#bilder_1").attr("src", b.src); 	// beim Ende des Fadeout wird das nchste Bild nachgeladen
			});
			$("#text_1").fadeOut("slow", function () {
				$("#text_1").html(bildInfoArray[i]); 	// beim Ende des Fadeout wird das nchste Bild nachgeladen
			});
		});
		i++;
		start = false;
	} else {;
		$(document).ready(function(){
			$("#bilder_1").fadeIn("slow");					// das schon geladene Bild wird eingefadet
			$("#text_1").fadeIn("slow");
			$("#bilder_2").fadeOut("slow", function () {
				$("#bilder_2").attr("src", b.src); 	// beim Ende des Fadeout wird das nchste Bild nachgeladen
			});
			$("#text_2").fadeOut("slow", function () {
				$("#text_2").html(bildInfoArray[i]); 	// beim Ende des Fadeout wird das nchste Bild nachgeladen
			});	
		});	
		i++;
		start = true;
	}
	timer = window.setTimeout(function(){Animation(start, i);}, animationsdauer);
}

//*********************************************************
//*********************************************************
// Play, Pause und PlayPause in stueckinfo.php
//*********************************************************
//*********************************************************

var laeuft;
function animationStarten(p_start, p_i){
	Animation(p_start, p_i);
	laeuft = true;
}
function animationStoppen(){
	clearTimeout (timer); 
	timer = null;
	laeuft = false;
}
function animationStartStop(){
	if(laeuft)
		animationStoppen();
	else
		animationStarten(start, i + 1);
}