$(document).ready(function() {
$('#slider3')
	.anythingSlider({
		width               : 863,
		height              : 300,
		startStopped        : false,
		delay               : 7000,
		navigationFormatter : function(i, panel){
			return ['1', '2', '3', '4', '5', '6', '7'][i - 1];
		}
	})
	.anythingSliderFx({
	'.caption-top'    : [ 'caption-Top', '50px' ],
	'.caption-right'  : [ 'caption-Right', '130px' ],
	'.caption-bottom' : [ 'caption-Bottom', '50px' ],
	'.caption-left'   : [ 'caption-Left', '90px' ]
	})
	
	.find('.panel')
	    .find('div[class*=caption]').css({ position: 'absolute' }).end()
	    .hover(function(){ showCaptions( $(this) ) }, function(){ hideCaptions( $(this) ); });
	
	  showCaptions = function(el){
	    var $this = el;
	    if ($this.find('.caption-top').length) {
	      $this.find('.caption-top')
	        .show()
	        .animate({ top: 0, opacity: .85 }, 400);
	    }
	    if ($this.find('.caption-right').length) {
	      $this.find('.caption-right')
	        .show()
	        .animate({ right: 0, opacity: .85 }, 400);
	    }
	    if ($this.find('.caption-bottom').length) {
	      $this.find('.caption-bottom')
	        .show()
	        .animate({ bottom: 0, opacity: .85 }, 400);
	    }
	    if ($this.find('.caption-left').length) {
	      $this.find('.caption-left')
	        .show()
	        .animate({ left: 0, opacity: .85 }, 400);
	    }
	  };
	  hideCaptions = function(el){
	    var $this = el;
	    if ($this.find('.caption-top').length) {
	      $this.find('.caption-top')
	        .stop()
	        .animate({ top: -50, opacity: 0 }, 350, function(){
	          $this.find('.caption-top').hide(); }); 
	    }
	    if ($this.find('.caption-right').length) {
	      $this.find('.caption-right')
	        .stop()
	        .animate({ right: -150, opacity: 0 }, 350, function(){
	          $this.find('.caption-right').hide(); });
	    }
	    if ($this.find('.caption-bottom').length) {
	      $this.find('.caption-bottom')
	        .stop()
	        .animate({ bottom: -50, opacity: 0 }, 350, function(){
	          $this.find('.caption-bottom').hide(); });
	    }
	    if ($this.find('.caption-left').length) {
	      $this.find('.caption-left')
	        .stop()
	        .animate({ left: -150, opacity: 0 }, 350, function(){
	          $this.find('.caption-left').hide(); });
	    }
	  };
	
	  // hide all captions initially
	  hideCaptions( $('#slider3 .panel') );
	});