var slides = [];
var over = -1;
var cur = 0;
var timer = null;

$(function() {
	$('.slideshow').each( function() {
		var imgId = this.id.substr(2);
		var i = slides.length;
		var img = new Image();
		img.src = '/images/view/' + imgId;
		slides.push( img );

		$(this).mouseover(function() {
			try {
				clearTimeout( timer );
				timer = null;
			} catch ( e  ) {
			}
			switchTo( i );
			over = i;

		}).mouseout(function() {
			if ( over == i ) {
				over = -1;
				cur = i;
				startTimer();
			}
		});
	});

	startTimer();
});

function timerFunc() {
	if ( over == -1 ) {
		cur++;
		if ( cur == slides.length ) cur = 0;
		switchTo( cur );

		timer = null;
		startTimer();
	}
}

function startTimer() {
	if ( timer === null ) {
		timer = setTimeout( timerFunc, 5000 );
	}
}

function switchTo( i ) {
	$('#painting-image').src( slides[i].src );
	$('#loopcaret').get(0).style.top = ( 285 + i * 35 ) + 'px';
}