$(document).ready(function() {

  $('.homeslide')
    .cycle({
      fx: 'scrollHorz',
      timeout: 6000,
      slideExpr: 'img',
      next: '#nxtbutt',
      before: function() {  // callback function before slide change
        $('#homesliderpagerbg').animate({top:['+=37','swing'] }, {duration:800})
      },
      after: function() { // callback function after slide change
        $('#homesliderpagerbg').animate({top:['-=37','swing'] }, {duration:600})
      },
      pager:  '#homeslidenav',
      pagerAnchorBuilder: function(idx, slide) {  // callback fn that creates custom pager anchors
        return '<a href="#"><img src="images/blank.gif" width="25" height="6" title="Click for picture ' + (idx+1) +'"></a>';
      }
  });

});