function updateSlides(index, e) {
  $('#slideshow div').removeClass('active');
  $('#slideshow-focus div').removeClass('active');
  $('#slide-controls a').removeClass('active');
  var slide_id = $(e).attr('id');
  $('#' + slide_id).addClass('active');
  $('#' + slide_id + '-details').addClass('active');
}

$(function() {
  $('#slideshow').cycle({
    fx: 'fade',
    speed: 250,
    timeout: 7000,
    activePagerClass: 'active',
    pager: '#slide-controls',
    pagerEvent: 'mouseover',
    onPagerEvent: updateSlides,
    pauseOnPagerHover: true,
    pause: 1,
    before: updateSlides
  });
});// JavaScript Document