// Background fade effect variables. Times are in milliseconds.

var bgFadeOutTime = 250;

var bgFadeInTime = 250;

var bgRotatePeriod = 10000;  // Show each bg image for how long? 10000

var startCssClassNo = 1;

var endCssClassNo = 6;

var cssClassNo = startCssClassNo;



$(document).ready(function() {

	$("#events").carouFredSel({

		direction			: "right",

		autoPlay			: true,

		visibleItems		: 4,

		/* 

		The crop window - anything "outside" this width will be hidden. 

		Total width = 4 events x (163px wide + 4px right padding each) = 668px;

		*/

		width				: 668,

		scroll : {

			items			: 1,

			effect			: "easeInOutQuad",

		/*

		Other easing effects include swing, jswing, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, 

		easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, 

		easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, 

		easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce

		*/

			speed			: 2500,							

			pauseOnHover	: true

		},

		auto : {

        	pauseDuration	: 5000,

			pauseOnHover	: true

		},

		next : {

			button		: $("#right-arrow"),

			key			: "right"

		},

		prev : {

			button		: $("#left-arrow"),

			key			: "left"

		}							

	});

	

	// The background fade effect uses a 2nd absolutely positioned layer underneath the #page-body element,

	// with the exact size & position. It is faded out first, then it's background image (CSS class) is changed, 

	// and finally it's faded back in again.

	LloydEvents.RotateBanners(cssClassNo, startCssClassNo, endCssClassNo, bgFadeOutTime, bgFadeInTime, bgRotatePeriod, 'bg', '#page-body-bg');

});



LloydEvents.PreLoadImages("/images/bg/doublebass.jpg",

	"/images/bg/soccer.jpg",

	"/images/bg/mirrorball.jpg",

	"/images/bg/dj.jpg",
	
	"/images/bg/sport_homeB.jpg",

	"/images/bg/crowd.jpg",

	"/images/home/sport-on.png",

	"/images/home/music-on.png"

	);