$(function (){

/*--------------------------------------------------------
	Hero Banner Slideshow.
---------------------------------------------------------*/
  $('#banner-small').cycle({
    speed:      800,
    timeout:    4500,
    pager:      '#pager-numbers',
    pagere:     'mouseover',
    pauseOnPagerHover: true
  });
  
  $('.pause').toggle(function () {
    $('#banner-small').cycle('pause');
    $(this)
      .removeClass('pause')
      .addClass('resume');
  }, function () {
    $('#banner-small').cycle('resume');
      $(this)
       .removeClass('resume')
       .addClass('pause');
  });
});