var image1 = new Image(); 
image1.src = "/assets/templates/montabela/images/head.jpg";
var image2 = new Image(); 
image2.src = "/assets/templates/montabela/images/head2.jpg";
var image3 = new Image(); 
image3.src = "/assets/templates/montabela/images/head3.jpg";
var image4 = new Image(); 
image4.src = "/assets/templates/montabela/images/head4.jpg";

$(window).load(function() {
	var interval = 5000;
	var url1 = 'url(/assets/templates/montabela/images/head.jpg) center 0 no-repeat';
	var url2 = 'url(/assets/templates/montabela/images/head2.jpg) center 0 no-repeat';
	var url3 = 'url(/assets/templates/montabela/images/head3.jpg) center 0 no-repeat';
	var url4 = 'url(/assets/templates/montabela/images/head4.jpg) center 0 no-repeat';
	changeBackground();
	function changeBackground() {
		$('body').css('background', url1).delay(interval).queue(function () {
					$(this).css('background', url2);
					$(this).dequeue();
				}).delay(interval).queue(function () {
					$(this).css('background', url3);
					$(this).dequeue();
				}).delay(interval).queue(function () {
					$(this).css('background', url4);
					$(this).dequeue();
				}).delay(interval).queue(function () {
					$(this).dequeue();
					changeBackground();
				});
	}
});