jQuery(document).ready(function() {
	jQuery("div#bannerRotation").cycle({
			fx: 'fade', 
		//pause: 1, //don't slide when the mouse is over the div
			speed: 4000,
			speedIn: 500,
			speedOut: 500,
			pager: "#mini-nav-list",
			next: '#banner-next',
		// using numbers to change the banners
			//pagerAnchorBuilder: function(idx, slide) { 
        	//	return '<li><a href="#" class="nav' + idx + '">' + (idx +1) +'</a></li>';
    	//	}
		// using images to change the banners
			pagerAnchorBuilder: function(idx, slide) { 
        		return '<li><a href="#">nav</a></li>'; 
    		} 
		});
	jQuery("div#headlines").cycle({
		fx: 'fade',
		speed: 4000,
		speedIn: 500,
		speedOut: 500,
		next: '#banner-next'
	});
	
});