$(document).ready(function() {
 		$('#slideshow').cycle({
			fx: 'fade',
			speed: '1000',
 			timeout: 5000,
			pager: '#groups',
			pause: true,
			cleartype: 1,
			cleartype: !$.support.opacity,
			pagerAnchorBuilder: function(idx, slide) {
			 // return sel string for existing anchor
 			return '#groups li:eq(' + (idx) + ') a';
 			}
 		});
			// select #flowplanes and make it scrollable. use circular and navigator plugins 
		$("#flowpanes").scrollable({size: 1}).circular().navigator({ 
			
			// select #flowtabs to be used as navigator 
			navi: "#flowtabs", 
	 
			// 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' 
		});
 });