var objSite = {};

objSite.fadeInImage 	= 0;
objSite.activeImage 	= 0;
objSite.loopSpeed 		= 6000;
objSite.fadeSpeed 		= 2000;

objSite.loopBackground = function( )
{
	var $active = $('.fade.active');
	var $next 	=  $active.next().length ? $active.next()
	        : $('.fade:first');
	
	$active.addClass('last-active');

	$next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, objSite.fadeSpeed, function() {
	            $active.removeClass('active last-active');
	        });
	
	
	setTimeout ( "objSite.loopBackground()", objSite.loopSpeed );
	
}

objSite.setupLoop = function( loop, speed )
{
	objSite.loopSpeed = loop * 1000;
	objSite.fadeSpeed = speed * 1000;
	
	for( var i=1; i< BG_IMAGES.length; i++ )
	{
		$("#loop-holder").append( "<div class='fade' id='fade-"+i+"'></div>" );
		$( "#fade-"+i ).css( 'background', "url("+BG_IMAGES[i]+")" );
	}
	
	setTimeout ( "objSite.loopBackground()", objSite.loopSpeed );
}