//############################################
// Bilder POPUP
//############################################
var image_counter = 0;
var image_array = new Array();
var title_array = new Array();
var img;

//lade bild beim klick auf den vor button
function loadImageVor() {

	//addition image_counter +1
	image_counter++;
	
	//blende vor und zurück button aus wenn nötig
	hideOrShowButtons();
	
	//blende neues bild ein
	fadeIn();
}

//lade bild bei klick auf den zurück button
function loadImageBack() {

	//ziehe 1 bild ab
	image_counter--;
	
	//blende vor und zurück button aus wenn nötig
	hideOrShowButtons();
	
	//blende neues bild ein
	fadeIn();
	
}


//setze neuen src pfad und alt tag für nächstes bild und blende dieses ein
function fadeIn() {
	
	img = new Image();

	img.src = image_array[image_counter];

	document.getElementById('image').src = img.src;
	
	//setze alt tag
	document.getElementById('image').alt = title_array[image_counter];
	
}

//blende den vor button beim letzen bild aus und den zurück button beim 1 bild
function hideOrShowButtons() {
	
	//zurück button
	if(image_counter == 0) {
		
		//blende vor button aus
		document.getElementById('back').style.visibility = 'hidden';
	
	}else{
		
		//blende vor button ein
		document.getElementById('back').style.visibility = 'visible';
	}
	
	//vor button
	//prüfe ob length image_array dem counter entspricht wenn ja blende vor button aus
	if(image_array.length == ( image_counter + 1 ) )  {
		
		//blende vor button aus
		document.getElementById('vor').style.visibility = 'hidden';
	
	}else{

		//blende vor button ein
		document.getElementById('vor').style.visibility = 'visible';
	
	}
}
//############################################
// Filminfo POPUP
//############################################

var film_info_div = new Array();

//filminfos klappe alle divs bis auf das angeklickte zu
function filmInfoHideDivs( clickedDIV, showAll ) {
	
	for(i = 0; i < film_info_div.length; i++ ){

		//alle nicht angeklickten div
		if( clickedDIV != film_info_div[i] && showAll ) {
			document.getElementById(film_info_div[i]).style.visibility 	= 'hidden';
			document.getElementById(film_info_div[i]).style.display 	= 'none';
		}else{
			document.getElementById(film_info_div[i]).style.visibility 	= 'visible';
			document.getElementById(film_info_div[i]).style.display		= 'block';
			if(showAll)
				document.getElementById(film_info_div[i]).style.borderColor	= '#ffffff';
			else
				document.getElementById(film_info_div[i]).style.borderColor	= "#ffcc66";
		}
	}
	
	//Der Block am Anfang mit mit Cover immer ausblenden außer showAll auf false
	if(showAll) {
		document.getElementById("Anfang").style.visibility 	= 'hidden';
		document.getElementById("Anfang").style.display 	= 'none';
	}else{
		document.getElementById("Anfang").style.visibility 	= 'visible';
		document.getElementById("Anfang").style.display		= 'block';
	}
}