$(document).ready(function(){

	$('#banners')
	.anythingSlider({
		width               : 800,
		height              : 270,
		startStopped        : false,
		delay		 		: 7500,
		animationTime       : 1000,
		easing              : "easeInOutQuad",
		startText           : " ",
		stopText            : " ",
		buildNavigation     : false
	})
	.anythingSliderFx({
		'.caption-bottom' : [ 'caption-Bottom', '50px' ]
	})
	
	.find('span[class*=caption]')
		.css({ position: 'absolute' })
		.prepend('<span class="close">x</span>')
		.find('.close').click(function(){
			var cap = $(this).parent(),
				ani = { bottom : -50 };
			cap.animate(ani, 400, function(){ cap.hide(); } );
		});

});