var dir = "slides/";
$(document).ready(function(){
	$.get("slides/", function(data){
      var cells = $("li:contains('photo')",data);
	  var image_count = cells.length;
	  $(cells).each(function(i) {
		var img_name = $.trim($("a",this).html());
		image = new Image;
		$(image).load(function() {
			$("#slides").append($(this).hide());
			image_count--;
			$("#slides").removeClass("loading");
			if (image_count == 0) {
				$("#slides img:first").addClass("current");
				$("#slides img:eq(1)").addClass("next");
				$("#slides img").fadeIn();
				start_slideshow();
			}
		}).attr("src",dir + img_name);
      });
    });
});

function start_slideshow() {
	images = $("#slides img");
	current = $("#slides img.current");
	setInterval (fade_out,5000);
}

function fade_out() {
	current.animate({"opacity": 0}, 1000, switch_classes);
}

function switch_classes() {
	// move curent to back
	current.removeAttr("style").removeClass("current");
	// move next to current
	current = $("#slides img.next").addClass("current").removeClass("next");
	next = current.next().length ? current.next() : $(images[0]);
	next.addClass("next");
}