$(document).ready(function() {
  // Add click event
  $('#rotator a').click(function() {
    changePane($(this));
  });
  
  // Rotate slides every * secs
  var slides = $('#rotator li'), index = 0, interval,
      interval_function = function () {
        index = (index + 1) % slides.length;
        var slideName = '#slide' + (index+1).toString() + " a";
        changePane($(slideName));
      };
  
  changePane($('#slide1 a'));
  interval = setInterval(interval_function, 5000);
  
  $('#rotator li').hover(function () {
      clearInterval(interval);
  }, function () {
      interval = setInterval(interval_function, 5000);
  });
});
    
function changePane(selected)
{
  // Change the selected slide
  $('#rotator a.rotatorSelected').removeClass('rotatorSelected');
  selected.addClass('rotatorSelected');
  
  // Set image/text of pane
  var strapline = selected.find('span.strapline').html();
  var strapcolour = selected.find('span.strapcolour').text();
  var image = selected.find('span.image').text()
  var link = selected.find('span.link').text()
  
  $('#rotator-pane').fadeOut('fast',function(){
    $('#rotator-pane h2').html(strapline);
    $('#rotator-pane h2').attr('style', 'color:#'+strapcolour );
    $('#rotator-pane img').attr('src', image);
    $('#rotator-pane a').attr('href', link);
    $('#rotator-pane').fadeIn('fast');
  });
}