$(document).ready(function() {
    $('#slides ul').cycle(
      {
        fx:          'fade',
        timeout:            13500,
        speed:              750,
        pager:              '#pager',
        activePagerClass:   'current',
        //pause:              1,
        pauseOnPagerHover:  1,
        pagerAnchorBuilder: function(idx, slide) {
          return '<a href="'+jQuery(slide).find('a.moar').attr('href')+'" longdesc="'+jQuery(slide).find('a.moar').attr('href')+'" index="'+idx+'"><span>'+ jQuery(slide).find('h2:eq(0)').text() +'</span></a>';
        },
        updateActivePagerLink:    function(pager, currSlide, clsName) {
          $(pager).each(function() {
             $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
          });
        },
        after:  function() {
          hoverPager();
        }
      }
    );
    
    hoverPager();
    
    function hoverPager() {
      $("#pager a:not('.current')").hover(function() {
        $(this).click();
      }, function() {
        
      });
      
      $('#pager a.current').mouseup(function() {
        location.href = $(this).attr('href');
        //alert($(this).attr('longdesc'));
      });
      
    }
    
    $('#pager a').each(function() {
      if ($(this).find('span').width() > 120) {
        $(this).css({'padding':'4px 10px'});
        $(this).find('span').css({'width':'175px','display':'inline-block'});
      }
    });
    
    $('#slides a.moar').hide();
    
  });