function addDot(index){
	var bgIndex=index%backgrounds.length;
	var bg=backgrounds[bgIndex];
	$('#content').append('<p>'+backgrounds[bgIndex]+'</p>');
	$('#body_bg').animate({ "background-image" : "url("+bg+")" });
	$('#body_bg').css({ "background-image" : "url("+bg+")" }).fadeIn(10000);

	
}

$(document).ready(function() {
  var index=0;
  setInterval(
	function(){		
		addDot(index);
		index++;
	}, 10000);
});