//requires jQuery
$(function(){
	var settings = {
		container: '#slideshow',
		img: $('#slideshow img:first')[0],
		shownum: 1,
		quantity: 12,
		rate: 1500,
		pause: 5000
	}
	var slideshow = window.setInterval(function() {
		settings.shownum++;
		if(settings.shownum > settings.quantity){settings.shownum = 1;}
		var newSrc = settings.img.getAttribute('src').replace(/-[0-9]{1,2}\./, '-'+settings.shownum+'.');
		var cssPath = 'url('+newSrc+')';
		$(settings.container).css("background-image", cssPath);
		$(settings.img).fadeOut(settings.rate, function(){$(this).attr({'src': newSrc}).fadeIn();});
	}, settings.pause);
	var tmpImg = new Array();
	for(var i=1; i<=settings.quantity; i++){//preload slideshow
		tmpImg[i] = new Image();
		tmpImg[i].setAttribute('src', settings.img.getAttribute('src').replace(/[0-9]{1,2}\./, i +'.'));
	}
});