// wait until document is fully scriptable
$(document).ready(function() {

	// select #flowplanes and make it scrollable. use circular and navigator plugins
	var sheets = $("#partner-sheets")
		.scrollable({
			size: 1, 
			items: "sheets",
			next: "nextPage",
			prev: "prevPage",
			clickable: 0
		})
		.circular()
		.mousewheel(400)
		.navigator({
			// select #flowtabs to be used as navigator
			navi: "#sheets-list",
			// select A tags inside the navigator to work as items (not direct children)
			naviItem: 'a',
			// assign "current" class name for the active A tag inside navigator
			activeClass: 'current',
			api: true
		});

	sheets.seekTo(Math.floor(Math.random() * sheets.getPageAmount())); 
	
		// select #flowplanes and make it scrollable. use circular and navigator plugins
	var logos = $(".outer")
		.scrollable({
			size: 1, 
			items: "inner",
			next: "nextSponsorLogo",
			prev: "prevSponsorLogo",
			nextPage: "nextPageSponsorLogo",
			prevPage: "prevPageSponsorLogo",
			clickable: 0
		})
		.circular()
		.navigator({
			navi: ".partner-list",
			naviItem: 'a',
			activeClass: 'current',
			api: true
		});
		
	
	var api= $("div#outer1").scrollable({api:true}); 
	api.seekTo(Math.floor(Math.random() * api.getPageAmount())); 
	
	var api= $("div#outer2").scrollable({api:true}); 
	api.seekTo(Math.floor(Math.random() * api.getPageAmount())); 
	
	

});