$(document).ready(function(){

	// generateSprites arguments: 
	// 1st - parent class (the main class on the parent ul), with preceding period
	// 2nd - selected prefix (eg. for a selected class of "selected-about", use "selected-" as the value)
	// 3rd - :active state toggle, set to true if you've defined :active states (and the jQuery equivalent) in your CSS
	// 4th - animation speed, in milliseconds (eg. 300 = 0.3 seconds)
	// 5th - animation style, as a string. Set to "slide" or "fade" (defaults to "fade")
	
	// example usage:
	// generateSprites(".navigation", "selected-", true, 300, "fade");
	// generateSprites(".top-nav", "position-", true, 200, "slide");
	// generateSprites(".sidebar-nav", "current-", false, 150, "fade");

	
	generateSprites(".jquery-bg-image-animation", "current-", true, 150, "slide");

});