$(function(){
//declare variables
var src = 'images/imageOne.jpg';
var imageOne = new Image();
var imageTwo = new Image();
var imageThree = new Image();
var imageFour = new Image();
var imageFive = new Image();
var timeOne = 0;
var timeTwo = 0;
var timeThree = 0;
var timeFour = 0;
var timeFive = 0;
//generate a random image
function randomSource(){
	var randomnumber=Math.floor(Math.random()*5);
	if(randomnumber == 0)
		{
			src = 'images/imageOne.jpg';
		}	
	if(randomnumber == 1)
		{
			src = 'images/imageTwo.jpg';
		}
	if(randomnumber == 2)
		{
			src = 'images/imageThree.jpg';
		}
	if(randomnumber == 3)
		{
			src = 'images/imageFour.jpg';
		}
	if(randomnumber == 4)
		{
			src = 'images/imageFive.jpg';
		}
	return src;
};
//fade images in when loaded
$(imageOne).load(function(){
	$(this).hide();
	$('#imageBoxOne').append(this);
	$(this).fadeIn(1000, function(){
		$(this).parent().css('background-image', 'url('+src+')');	
		return false;
	});	
	return false;
}).attr('id','imageOne');
$(imageTwo).load(function(){
	$(this).hide();
	$('#imageBoxTwo').append(this);
	$(this).fadeIn(1000, function(){
		$(this).parent().css('background-image', 'url('+src+')');
		return false;
	});	
	return false
}).attr('id','imageTwo');
$(imageThree).load(function(){
	$(this).hide();
	$('#imageBoxThree').append(this);
	$(this).fadeIn(1000, function(){
		$(this).parent().css('background-image', 'url('+src+')');
		return false;
	});	
	return false;
}).attr('id','imageThree');
$(imageFour).load(function(){
	$(this).hide();
	$('#imageBoxFour').append(this);
	$(this).fadeIn(1000, function(){
		$(this).parent().css('background-image', 'url('+src+')');
		return false;
	});	
	return false;
}).attr('id','imageFour');
$(imageFive).load(function(){
	$(this).hide();
	$('#imageBoxFive').append(this);
	$(this).fadeIn(1000, function(){
		$(this).parent().css('background-image', 'url('+src+')');	
		return false;
	});	
	return false;
}).attr('id','imageFive');
		   
function changeImage(){
	randomSource();	
	randomArray();
	$(imageOne).hide().delay(timeOne).attr('src',src);
	$(imageTwo).hide().delay(timeTwo).attr('src',src);
	$(imageThree).hide().delay(timeThree).attr('src',src);
	$(imageFour).hide().delay(timeFour).attr('src',src);
	$(imageFive).hide().delay(timeFive).attr('src',src);
	return false;
};

function randomArray(){
	var times = new Array(0,500,1000,1500,2000);
	times.sort(function() {return 0.5 - Math.random()})
	timeOne = times[0];
	timeTwo = times[1];
	timeThree = times[2];
	timeFour = times[3];
	timeFive = times[4];
	//alert (times);
	return false;
};

changeImage();
var timer = setInterval(changeImage,5000);

});