$(document).ready(function() {
    $('.carousel').cycle({ 
    	speed: 500, 
    	timeout: 6000, 
    	before:  onBefore, 
    	after:   onAfter,
    	pager:  '.navi',
    	pause: 1,
    	pauseOnPagerHover: 1,
    	next:   '#next', 
    	prev:   '#prev'
    });
});

var activeslide;
function onBefore() { 
	if (activeslide) {
		$('.carousel-overlay').stop(true, true).animate({top:'275px'}, 500, function() {
			$('.carousel-overlay .item:visible').fadeOut(50);
		});
	}
} 
function onAfter() { 
	activeslide = $('.carousel img:visible').attr('class');
   $('.carousel-overlay .' + activeslide).fadeIn(50, function() {
		$('.carousel-overlay').stop(true, true).animate({top:'199px'}, 500);
   });
}