var slideshowIndex = 0;
var slideCount;

$(document).ready(
function() {
	$("#slideshow :gt(0)").hide();
	slideCount = $("#slideshow").children().length;
	$("#slideshow").append($("<p id='nextControl'>next<\/p>").mousedown(function () {next();}));
	$("#slideshow").append($("<p id='prevControl'>prev<\/p>").mousedown(function () {prev();}));
 });
 

function makeSlideActive(n) {
	$("#slideshow img").not(":eq(" + n + ")").hide();
	$("#slideshow img").eq(n).fadeIn("slow");
	slideshowIndex = n;
}

function next() {
	makeSlideActive((slideshowIndex + 1) % slideCount);
}
function prev() {
	makeSlideActive((slideshowIndex + slideCount - 1) % slideCount);
}