// Startbild
var active_image = 1;
// Zeit vom Bildwechsel
var change_time = 6000;

function start_change() {

		$('image' + active_image).className = $('image' + active_image).className + " topicactive";
		theSlider = window.setTimeout("change()", change_time);
}

function switching(nr) {
	stop_change();
	var w = 600;
	var queue = Effect.Queue;
	queue.each(function(e) { e.cancel() });
	var scrollerpos = (nr - 1) * w;
	new Effect.ScrollDiv('scroller', {scrollLength:scrollerpos, duration:1});
	active_image = nr;

	$('image1').className = "topic1";
	$('image2').className = "topic2";
	$('image3').className = "topic3";

	tmp = nr;
	if (nr > 3) tmp = 1;
	$('image' + tmp).className = $('image' + tmp).className + " topicactive";
}

function change() {
	var next = active_image + 1;
	if(next > 3){
		next = 1;
		new Effect.ScrollDiv('scroller', {scrollLength:0, duration:1});
	}

	switching(next);
	theSlider = window.setTimeout("change()", change_time);
}

function stop_change() {
	window.clearTimeout(theSlider);
}

function hover(nr) {
	switching(nr);
	tmp = nr;
	if (nr > 3) tmp = 1;
}