jQuery(function(){
	$('.thumbnaillist').children('li:first').children('img').css('opacity',0.4);

	$('.slider_images').show();

	var $container = $('.slideshow').cycle({
		fx:			'fade',
		speed:		2000,
		timeout:	10000,
		height:        378,
		before:		onAfter
	});

	function onAfter(currSlideElement,nextSlideElement) {
		var id = nextSlideElement.id.replace("slide_","");
				
		$('.thumbs').animate({
			'opacity':1
		},1000);
		$('.play').animate({
			'opacity':1
		},1000);
		$('#thumb_' + id).children().animate({
			'opacity':0.4
		},1000);

		
	}

	$('.thumbs,.play').click(	function(){
		
		$('.thumbs').css('opacity',1);
		$('.play').css('opacity',1);
		$(this).children().css('opacity',0.4);
		
		var bildname = $(this).parent('li').attr('id').replace("thumb_","");

		$container.cycle(bildname-1);
		/*$('#hauptbild').attr('src','/mahout_cms/core/system/image.php?file=images/contents/' + bildname + '.jpg&width=540' );*/
	});

	$('#showthumblist').click(function(){
		$('.thumbnaillist').children('li:last').css('marginRight','0');
		$('.thumbnaillist').slideToggle();
		$(this).toggleClass('pfeil_unten');
	});
	
});