$(function(){
	rotation($('.photo>img'))
})

function rotation(slideshow){
	var i = 0;
	var length = slideshow.length;
	var _fadeSpeed = 700;
	slideshow.hide();
	slideshow.eq(i).show();
	var _duration = 4000;
	
	function move(){
		slideshow.eq(i).fadeOut(_fadeSpeed);
		if (i < length-1) i = i+1
		else i = 0;
		slideshow.eq(i).fadeIn(_fadeSpeed);
	}
	int = setInterval(move, _duration);
	slideshow.each(function(){
		$(this).mouseover(function(){
			if (int) clearInterval(int);
		})
		$(this).mouseout(function(){
			if (int) clearInterval(int);
			int = setInterval(move, _duration);
		})
	})
}