$(document).ready(function() {
	var picNum = 1;
	$('#startpictures .startpicture').each(function() {
		$(this).css('z-index', 110);
		$(this).attr('id', 'stpic_' + picNum);
		$('#startpictureselector').append('<div id="slpic_' + picNum + '">&nbsp;</div>');
		picNum++;
	});
	var numPics = picNum - 1;
	function recursiveChanger(picNum, suspend) {
		$('#startpictures .startpicture').each(function() {
			if ($(this).hasClass('act')) {
				$(this).css('z-index', 120).removeClass('act');
			} else {
				$(this).css('z-index', 110);
			}
		});
		$('#stpic_' + picNum).hide(function() {
			$(this).addClass('act').css('z-index', 130).fadeIn(300, function() {
				$('#startpictureselector div').css('background-image', 'url(\'/fileadmin/templates/TW_Galerie_inaktiv.png\')');
				$('#slpic_' + picNum).css('background-image', 'url(\'/fileadmin/templates/TW_Galerie_aktiv.png\')');
			});
		});
		if (picNum < numPics) {
			nextPic = picNum;
			nextPic++;
		} else {
			nextPic = 1;
		}
		imgChanger = setTimeout(function() { recursiveChanger(nextPic, 10000); }, suspend);
	}
	$('#startpictureselector div').live('click', function() {
		clearTimeout(imgChanger);
		recursiveChanger(this.id.substring(6), 30000);
	});
	recursiveChanger(1, 10000);
});