$(document).ready(function() {
	var slideShow = $('.slideShow').slideShow({
		interval: 4,
		gotoSlide: function(slideShow, index) {
			with($('#thumbs li.thumb' + index)) {
				find('img').css("border-color","white");
				find('img').stop().animate({"height": 69}, "slow");
			} // with
			if (index == 0) last = $('#thumbs li.thumb2');
			else last = $('#thumbs li.thumb' + (index-1));
			with(last) {
				find('img').css("border","1px solid transparent");
				find('img').stop().animate({"height": 57}, "slow"	);
			}		
	} // gotoSlide
	});
	
	var slideShow2 = $('.slideShow2').slideShow({
		interval: 4,
		start: 'random'
	});
	
	//Hover-Funktion
	$('#thumbs li').click(function() {
		slideShow.stopAuto();
		//aktuelles Mousover ausblenden
		with($('#thumbs li.thumb' + slideShow.current)) {
				find('img').css("border","1px solid transparent");
				find('img').stop().animate({"height": 57}, "slow"	); 
			}		
		with($(this)) {
				find('img').css("border-color","white");
				find('img').stop().animate({"height": 69}, "slow");
			} // with
		}, function() {
		slideShow.auto();
		with($(this)) {
				find('img').css("border","1px solid transparent");
				find('img').stop().animate({	"height": 57}, "slow"	); 
			}	
	});
});