$(document).ready(function()
{
  var slideshowCycle = $('#headlineImage').cycle(
  {
    timeout:  2000,
    speed:    400,
    after:    slide
  });

  function slide(curr,next,opts)
  {
    $('#headlineTitle a').removeClass('hover');
    $('#headlineTitle a:nth-child(' + (opts.currSlide + 1) + ')').addClass('hover');
  }

  $('#headlineTitle a').mouseenter(function(e)
  {
	slideshowCycle.cycle('pause');
    var i = parseInt($(e.target).attr('rel'));
    slideshowCycle.cycle(i);
  }
  ).mouseleave(function()
  {
    slideshowCycle.cycle('resume');
  });

  $('#headline').mouseenter(function()
  {
    slideshowCycle.cycle('pause');
  }).mouseleave(function()
  {
    slideshowCycle.cycle('resume');
  });
});