$(function(){	

		   
	  $('#slide_pic').after('<ul id="slide_navlist" class="clearfix">').cycle({ 
		  fx:     'fade', 
		  speed:  '300', 
		  pager:  '#slide_navlist',
		  timeout:  4000,
		  sync:   true, 
          //easing: 'bounceout',
		  //next:   '#slide_pic',
		  pause:   1 ,		
		  pauseOnPagerHover:1,
		  activePagerClass: 'activeSlide',
		  pagerEvent:'mouseover.cycle',
		  pagerAnchorBuilder: function(idx, slide) { 
			return '<li>'+'<a href="#">' + (idx+1) + '</a></li>'; 
		} 
	  });
	  
	  
})