$(document).ready(function() {
    
    function onBefore() { 
        $(".panel").fadeTo("fast", 0.0);
    } 
    function onAfter() { 
        $(".panel").fadeTo("slow", 1.0);
    }
    
    $('.slides').cycle({
   		speed:  1600, 
   		timeout: 9000,
   		pauseOnPagerHover: 'true',
   		pause: 'true',
        pager:  '.slide_nav',
        before:  onBefore, 
   		after:   onAfter, 
        pagerAnchorBuilder: function(idx, slide) {
	            // return sel string for existing anchor
	            return '.slide_nav li:eq(' + (idx) + ') a';
	        }
    });
    		    
});