$(document).ready(function() {
var $imageArray = new Array('slideshow01.jpg', 'slideshow02.jpg', 'slideshow03.jpg', 'slideshow04.jpg', 'slideshow05.jpg', 'slideshow06.jpg', 'slideshow07.jpg', 'slideshow08.jpg', 'slideshow09.jpg', 'slideshow10.jpg', 'slideshow11.jpg', 'slideshow12.jpg', 'slideshow13.jpg', 'slideshow14.jpg', 'slideshow15.jpg');
var $random = Math.random() * $imageArray.length;
var $count = Math.floor($random);

$('#slideshow').css('background-image','url("images/'+$imageArray[$count++]+'")') // first background is random and count is increased so the event loads the next one
	.everyTime(6000, 'controlled', function() {
		if ($count >= $imageArray.length) $count = 0;
		$(this).fadeOut('slow', function(){
			$(this).css('background-image','url("images/'+$imageArray[$count]+'")').fadeIn('slow');
			$count++;
		});
	});	
});
