var active   = 0.33;
var inActive = 1.0;

$(document).ready(function() {
  $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('img:eq(' + currSlideIndex + ')').fadeTo(0, active);
  };

  function onBefore(currSlideElement, nextSlideElement, options, forwardFlag) {
      $(options.pager).find('img:eq(' + options.currSlide + ')').fadeTo(options.speed, inActive);
      $(options.pager).find('img:eq(' + options.nextSlide + ')').fadeTo(options.speed, active);
  }

  function randomStart() {
    var max = $('#slideshow div').length - 1;
    return Math.floor((Math.random() * max));
  }

  $('#slideshow').cycle({
    fx: 'fade',
    timeout: 7000, // milliseconds between slide transitions (0 to disable auto advance)
    speed:   3000, // speed of the transition (any valid fx speed value)
    pause: 1,
    pager: '#slideNav',
    prev:  '#prev',
    next:  '#next',
    startingSlide: randomStart(),
    before: onBefore,
    pagerAnchorBuilder: function(idx, slide) {
        var src  = $(slide).find('img').attr('src');
        return '<img src="' + src.replace("highlight", "scroll") + '">';
    } 
   })


});