$(function(){
	var status = '';
	$('table.mitarbeiter tr td a img').hover(function(){
		$(this).animate({opacity:1},300);
	},
	function(){
		if($(this).hasClass('current') != true){
			$(this).animate({opacity:0.3},300);
		}
	});
	
	$('table.mitarbeiter tr td a img').click(function(){
		// src für Bilder ermitteln
		var thumbsrc = $(this).attr('src');
		var bigsrc = thumbsrc.replace('_thumb','');
		
		// mitarbeiterId ermitteln
		var jpg = bigsrc.replace('images/mitarbeiter/', '');
		var mitarbeiterId = jpg.replace('.jpg', '');
		
		// grosses Bild mit Hilfe der mitarbeiterID anzeigen
		$('table.mitarbeiter tr td#bild').html(
			'<img src="' + bigsrc + '" alt="' + bigsrc + '" />'								   
		);
		
		// Text anzeigen
		$('div.mitarbeiter').hide();
		$('#' + mitarbeiterId).css({'display':'block'});
		
		// Opacity des aktuellen thumbBild = 1
		$('img.current').animate({opacity:0.3},0);
		$('table.mitarbeiter tr td a img').removeClass('current');
		$(this).addClass('current');
		$(this).animate({opacity:1},0);
	});
});