jQuery(document).ready(function($) {
	$('#slider').anythingSlider({
		width: 360,
		height: 398,
		startStopped: false,
		delay: 5000
	})
	.anythingSliderFx({
		'.caption-top': ['caption-Top', '50px'],
		'.caption-right': ['caption-Right', '130px'],
		'.caption-bottom': ['caption-Bottom', '50px'],
		'.caption-left': ['caption-Left', '130px']
	})
	.anythingSliderFx({
		inFx: {
			'.caption-top': { top: 0, opacity: 1, time: 400 },
			'.caption-right': { right: 0, opacity: 1, time: 400 },
			'.caption-bottom': { bottom: 0, opacity: 1, time: 400 },
			'.caption-left': { left: 0, opacity: 1, time: 400 }
		},
		outFx: {
			'.caption-top': { top: -50, opacity: 0, time: 350 },
			'.caption-right': { right: -150, opacity: 0, time: 350 },
			'.caption-bottom': { bottom: -50, opacity: 0, time: 350 },
			'.caption-left': { left: -150, opacity: 0, time: 350 }
		}
	})
	.find('div[class*=caption]')
	.css({ position: 'absolute' })
	.prepend('<span class="close">x</span>')
	.find('.close').click(function(){
		var cap = $(this).parent(), ani = { bottom : -50 };

		if (cap.is('.caption-top')) { ani = { top: -50 }; }
		if (cap.is('.caption-left')) { ani = { left: -150 }; }
		if (cap.is('.caption-right')) { ani = { right: -150 }; }

		cap.animate(ani, 400, function() { cap.hide(); });
	});
});