anim = 0;
team_link_aktiv = null;

// Hilfsfunktionen, um ein Bild schnell umzuschalten
function bild_inaktiv(i){ this.src = this.src.replace("-aktiv", "-inaktiv"); }
function bild_aktiv(i){ this.src = this.src.replace("-inaktiv", "-aktiv"); }

$(window).ready(function() {
	team_link_aktiv = $(".team-mitglied-aktiv a").eq(0);
	$("#team").css("overflow", "hidden");
	$(".team-navigation-button").show();
	
	// Alle Links suchen, die mit "rel" auf ein Teammitglied verweisen
	$("a[rel^='team-']").click(function() {
		if($(this).attr("href") == "#" || team_link_aktiv && team_link_aktiv.href == this.href)
			return false; // Falls wir bereits auf der Seite dieses Links sind, abbrechen
		
		team_link_aktiv = $(this);
		
		// Alle Bilder auf inaktiv schalten
		$(".team-mitglied").removeClass("team-mitglied-aktiv");
		$(".team-mitglied img, .grundriss-marker img").each(bild_inaktiv);
		
		// Die einzelnen Bilder, welche die aktuelle Auswahl betreffen, wieder
		// aktivieren
		var scrollto = $("#" + this.rel);
		scrollto.addClass("team-mitglied-aktiv");
		$("a[rel='"+this.rel+"'] img").each(bild_aktiv);
		
		// In der Galerie zum entsprechenden Foto scrollen
		$("#team").scrollTo(scrollto, {axis: "x", offset: -264, duration: 1000} );
		
		// Die Beschreibung dieser Person nachladen (und dabei ein paar Effekte
		// zeigen)

		$("#team-beschreibung-container").queue(function() {
			$(this).fadeOut("normal");
			$(this).dequeue();
		});
		
		$("#team-beschreibung-container").queue(function() {
			$(this).load(team_link_aktiv.attr("href") + " #team-beschreibung");
			$(this).dequeue();
		});
		
		$("#team-beschreibung-container").queue(function() {
			$(this).fadeIn("normal");
			$(this).dequeue();
		});
		
		
		return false;
	});
	
	$("#team-navigation-button-links").mouseover(function(e) {
		if(anim == 0) {
			anim = -1; // nach links
			animUpdate();
		}
	});
	
	$("#team-navigation-button-rechts").mouseover(function(e) {
		anim = 1; // nach rechts
		animUpdate();
	});
	
	$(".team-navigation-button").mouseout(function(e) {
		anim = 0; // Navigation anhalten
	});

	$("a[rel^='team-']").mouseover(function(e) {
		// Der Mauszeiger befindet sich auf einem Link, der auf ein Teammitglied
		// verweist. Die passende Kurzbeschreibung wird nun eingeblendet.
		mouseover_kb_id = this.rel + "-kurzbeschreibung";
		
		$(".team-kurzbeschreibung").filter(function(f) {
			return this.id != mouseover_kb_id
		}).hide();
		
		// Eine Animation zu starten, indem man hier eine Zeit angibt, sieht
		// zwar nett aus, bringt jQuery allerdings durcheinander und es sind
		// zeitweise mehrere Beschreibungen gleichzeitig sichtbar.
		$("#" + mouseover_kb_id).show();
		
		$("a[rel='"+this.rel+"'] img").each(bild_aktiv);
	});
	
	$("a[rel^='team-']").mouseout(function(e) {
		// Dasselbe nochmal um den Mouseout-Event zu behandeln. Hier muss
		// darauf geachtet werden, die aktuell aktivierte Beschreibung
		// stehen zu lassen.
		grundriss_marker_aktualisieren();
		
		$(".team-kurzbeschreibung").filter(function(f) {
			return this.id != team_link_aktiv.attr("rel") + "-kurzbeschreibung"
		}).hide();
		
		$("#" + team_link_aktiv.attr("rel") + "-kurzbeschreibung").show();
	});
	
	if($.browser.msie && $.browser.version < 7.0)
	{
		$(window).resize(ieFix);
		ieFix();
	}
});

function grundriss_marker_aktualisieren() {
	$(".team-mitglied img, .grundriss-marker img").filter(function(f) {
	return this.parentNode.rel != team_link_aktiv.attr("rel") }).each(bild_inaktiv);
}

function ieFix() {
	// Der IE6 spielt nicht mit und braucht eine Extraanpassung, damit die
	// Galerie sichtbar bleibt.
	$("#team").css("width", document.body.clientWidth - 450);
}

function animUpdate() {
	if(!anim) return;
	document.getElementById("team").scrollLeft += anim * 5;
	window.setTimeout(animUpdate, 35);
}