$(function() {
	// Laden eines Textinhalts im Ooerlay (Datenschutzerklaerung)
	if ( $("a.textlink").length > 0 ) {
		$("a.textlink").overlay({
			top: '20%',
			mask: {
				color: '#000',
				loadSpeed: 0,
				opacity: 0.5
			},
			onBeforeLoad: function() {
				var wrap = this.getOverlay().find(".wrap");
				wrap.load(this.getTrigger().attr("href"));
			}
		});
	}
	
	// Laden einer Grafik im Overlay
	if ( $("a.grafiklink").length > 0) {
		$("a.grafiklink").overlay({
			top: '20%',
			mask: {
				color: '#000',
				loadSpeed: 0,
				opacity: 0.5
			}
		});
	}
	
	// Laden von Videodaten im Overlay
	if ( $("a.videolink").length > 0 ) {
		$("a.videolink").overlay({
			top: '20%',
			mask: {
				color: '#000',
				loadSpeed: 0,
				opacity: 0.5
			},
			onLoad: function(content) {
				this.getOverlay().find("a.player").flowplayer(0).load();
			},
			onClose: function(content) {
				$f().unload();
			}
		});
		$("a.player").flowplayer("../media/include/flowplayer-3.2.5.swf");
	}
	
	// Bildwechsel, falls erforderlich
	if ( $("li#bild-1").children("div.bildwechsel").length > 0 ) {
		wechsel = window.setInterval( "daumenKino(1)", 3000 );
	}
	
});



var indexaktiv = 1;
var wechsel;

function setImage (number) {	
	// Zeigt das neue Bild an
	$("li#bild-"+indexaktiv).fadeOut("fast")
	$("li#bild-"+number).fadeIn("slow");
	
	// Laedt Bildwechsel, falls vorhanden
	window.clearInterval(wechsel);
	if ( $("li#bild-"+number).children("div.bildwechsel").length > 0 ) {
		wechsel = window.setInterval( "daumenKino("+number+")", 3000 );
	}
	
	// Setzt das Thumbnail aktiv
	$("li#link-"+indexaktiv).children("a").toggleClass('aktiv');
	$("li#link-"+number).children("a").toggleClass('aktiv');
	
	// Setzt die Auswahl-Klammer
	$("li#details-"+indexaktiv).children("a").toggleClass('aktiv');
	$("li#details-"+number).children("a").toggleClass('aktiv');
		
	// Setzt den neuen aktiven Index
	indexaktiv = number;
}


// Automatischer Bildwechsel
function daumenKino(number) {
	var $alt = $("li#bild-"+number+" div.bildwechsel img.obersteebene");
	
	if($alt.next().length) {
		var $neu = $alt.next();
	}
	else {
		var $neu = $("li#bild-"+number+" div.bildwechsel img:first");
	}
	
	$alt.addClass('mittlereebene');
	$alt.removeClass('obersteebene');
	$neu.css({opacity: 0.0});
	$neu.addClass('obersteebene');
	
	$neu.animate({opacity: 1.0}, 1500, function() {
		$alt.removeClass('mittlereebene');
	});
}