var intervalId = 0;
var slideshowImages;

function initSlideshow() {
	slideshowImages = document.getElementById("slideshowlist").getElementsByTagName("li");
	for (var i = 0; i < slideshowImages.length; i++) {
		slideshowImages[i].style.left = (i * 400) + "px";
		slideshowImages[i].setAttribute("id", "slideshowImages" + i);
	}
}

function startSlideshow() {
	intervalId = window.setInterval("nextSlide()", 3500);
}

function stopSlideshow() {
	window.clearInterval(intervalId);
}

function nextSlide() {
	for (var i = 0; i < slideshowImages.length; i++) {
		new Effect.Move($(slideshowImages[i]), {x: -400, duration: 0.6, afterFinish: onMoveFinished});
	}
}

function onMoveFinished() {
	for (var i = 0; i < slideshowImages.length; i++) {
		var x = parseInt(slideshowImages[i].style.left);
		if (x < 0) slideshowImages[i].style.left = (x + slideshowImages.length * 400) + "px";
	}
}

Event.observe(window, "load", function() {
	initSlideshow();
	if (slideshowImages.length < 2) return;
	$("slideshowlist").observe(
		"mouseover",
		function() {
			nextSlide();
			startSlideshow();
		}
	);
	$("slideshowlist").observe(
		"mouseout",
		function() {
			stopSlideshow();
		}
	);
});