var Util = new Object();
var frontpageImage = 0;

// runs when DOM is ready
$(document).ready(function() {
	Util.initFrontpage();
});

Util.initFrontpage = function() {
	var frontpageImage = frontpageImage < (frontpageImages.length-1) ? ++frontpageImage : 0;
	
	$("#frontpageBg").css("backgroundImage", "url("+frontpageImages[frontpageImage]+")");
	setInterval(Util.fadeOutFrontpageBg, 5000);
}
Util.fadeOutFrontpageBg = function() {
	$("#frontpageBg").fadeTo("slow", 0, Util.updateFrontpageBg);
}
Util.updateFrontpageBg = function() {
	frontpageImage = frontpageImage < frontpageImages.length-1 ? ++frontpageImage : 0;
	$("#frontpageBg").css("backgroundImage", "url("+frontpageImages[frontpageImage]+")");
    	$("#frontpageBg").fadeTo("slow", 1);
}