document.observe('dom:loaded', function() {

    var delay = 5;	// sekunden
    var duration = 2;	// sekunden
    var mode = 'next';	// Standard-Laufrichtung [next|prev]

    var items = $$('.easytourist-slider li');
    var actual_index = 0;
	var fade_index = 0;

	if (sliderDelay != undefined)
	{
		delay = sliderDelay;
	}

	// Anzeigezeit um die Animationsverzägerung erweitern
	delay += duration;

    // Buttons einblenden
    if (items.length > 1)
    {
		var action = window.setInterval(function call() { fade(mode); }, delay*1000);
    }

    function fade(mode)
    {
		var displayed_index = actual_index;
		var next_index = mode == 'prev' ? getPreviousIndex() : getNextIndex();

		$(items[next_index]).setStyle({zIndex: fade_index});

		new Effect.Appear($(items[next_index]), {
			duration: duration,
			queue: 'end',
			beforeStart: function() {
				var content = $(items[displayed_index]).select('.slider-content')[0];
				
				Effect.BlindUp($(content), {duration: 0.3});
			},
			afterFinish: function() {
				$(items[displayed_index]).hide();

				var content = $(items[next_index]).select('.slider-content')[0];

				Effect.BlindDown($(content), {duration: 0.3});
			}
		});

		actual_index = next_index;
		fade_index++;
    }

    function getNextIndex()
    {
		return actual_index == items.length - 1 ? 0 : actual_index + 1;
    }

    function getPreviousIndex()
    {
		return actual_index == 0 ? items.length - 1 : actual_index - 1;
    }

    // Buttons überwachen
   /* $('prev').observe('click', function() {
		window.clearInterval(action);
		fade('prev');
    });

    $('next').observe('click', function() {
		window.clearInterval(action);
		fade('next');
    });*/

	$$('.slider-prev').each(function(elm) {
		elm.observe('click', function() {
			window.clearInterval(action);
			fade('prev');
			return false;
		});
	});

	$$('.slider-next').each(function(elm) {
		elm.observe('click', function() {
			window.clearInterval(action);
			fade('next');
			return false;
		});
	});

});