(function($)
{
	$(document).ready(function () {
	$('body.front').prepend('<div id="bg_holder"></div>');
	$('body.front #footer').prepend('<div id="bg_holder_footer"></div>');
	function FadeBG() {
		$('#bg_holder').fadeOut(500);
		$('#bg_holder_footer').fadeOut(500);
	}
	//// called after feature panel cycles
	function ChangeBG(curr,next,opts) {
		var nextBG = $('ul.features.slides .views-row-'+(opts.currSlide+1)+' .big-ass-bg').text();
	  $('#bg_holder').css('background', 'black url('+nextBG+') top center no-repeat');
		$('#bg_holder').fadeIn(1000);
    var nextFtrBG = $('ul.features.slides .views-row-'+(opts.currSlide+1)+' .big-ass-footer-bg').text();
	  $('#bg_holder_footer').css('background', 'url('+nextFtrBG+') top center no-repeat');
		$('#bg_holder_footer').fadeIn(1500);
	} 
	$('body.front ul.features').cycle({ 
		fx:      'fade', 
		speed:    500, 
		before: FadeBG,
		after:  ChangeBG, 
		timeout:  10000 
	}			
	);		
});
}(jQuery));