var count = 0;

$(document).ready(function(){
	// remove .comp scrollbar
	$('.slides').css({overflow:"hidden", height:"256px"});
	$('.slides').wrapInner('<div>');
	// if more than one image, start delayed slide
	if($('.slides img').length > 1){
		var slider = setTimeout(ff_slider, 2500);
	}
});

function ff_slider(){
	// increment counter
	count = count+1;
	// setup clone of images
	$('.slides div').clone().appendTo('.slides');
	// move first image of clone to end
	$('.slides div:eq(1) img:eq(0)').clone().appendTo('.slides div:eq(1)');
	$('.slides div:eq(1) img:eq(0)').remove();
	// setup dimensions
	slide_width = $('.slides div:eq(0)').get(0).offsetWidth*(-1);
	slide_left  = $('.slides div:eq(0) img:eq(0)').get(0).offsetWidth*(-1);
	// overlap clone with original second image
	$('.slides div:eq(1)').css({left:(slide_width-slide_left)});
	// slide clone all the way to the left, fade out original
		$('.slides div:eq(0) img:eq(0)').fadeTo(slide_left*-8, 0.1);

	$('.slides div:eq(1)').animate({left:slide_width}, slide_left*-9, function(){
		// remove original
		$('.slides div:eq(0)').remove();
		// reset left of clone
		$('.slides div:eq(0)').css({left:0});
		// repeat 20 x the number of images (i.e. 4 images, repeat 80 times)
		if(count<20*$('.slides div:eq(0) img').length) slider = setTimeout(ff_slider, 2500);
	});
}