$(function() {
	$('.diashow').each(function() {
		var dias = $(this).find('li');
		var pager = $(this).append('<div class="pager"><img class="left" alt="" src="' + WFD_STATIC_COMMON + 'img/pfeil_links.png" /> <span class="explanation">Bild 1 von ' + dias.size() + '</span> <img class="right" alt="" src="' + WFD_STATIC_COMMON + 'img/pfeil_rechts.png" /></div>').children(':last');
		var leftButton = pager.find('.left');
		var rightButton = pager.find('.right');
		var rotation;

		var showDia = function(dia) {
			dias.animate({
				opacity: 0
			}, {
				queue: false,
				duration: 700
			});
			dia.animate({
				opacity: 1
			}, {
				duration: 700
			});

			currentDia = dia;
			pager.find('.explanation').html('Bild ' + (dias.index(dia.get(0)) + 1) + ' von ' + dias.size());
		};

		leftButton.click(function() {
			var prev = currentDia.prev();
			if (!prev.size()) prev = dias.eq(dias.size() - 1);
			showDia(prev);
		});

		rightButton.click(function() {
			var next = currentDia.next();
			if (!next.size()) next = dias.eq(0);
			showDia(next);
		});

		dias.css('opacity', 0);
		var currentDia = dias.eq(0);
		currentDia.css('opacity', 1);

		$(this).hover(function() {
			if (rotation) window.clearInterval(rotation);
		}, function() {
			rotation = window.setInterval(function() {
				rightButton.click();
			}, 6000);
		});

		$(this).mouseout();
	});
});

$(window).load(function() {
	$('.diashow').each(function() {
		var maximalWidth = $(this).width();
		$(this).find('li').each(function() {
			var imageWidth = $(this).find('img').width();

			var description = $(this).find('.description');
			var descriptionPaddings = parseInt(description.css('paddingLeft')) + parseInt(description.css('paddingRight'));

			var availableWidth = maximalWidth - imageWidth - descriptionPaddings;
			$(this).find('.description').width(availableWidth + 'px');
		});
	});
});